說一說你平時(shí)寫代碼遵守的編碼規(guī)范
1.命名一律使用小寫
2.盡量使用基于功能寫命名每币;如class=".content"
3.多空格便斥,在聲明之后加空格
4.先寫class挚冤;id呢诬;name利诺;color
5. 在css編寫中富蓄,先寫position ;float慢逾;margin立倍;background;border侣滩;
6.多使用語義化的命名口注,headre、banana君珠、navigation寝志、body、footer
7.0 之后不加單位葛躏,屬性數(shù)值能少寫就少寫澈段。
8. 多使用雙引號(hào)垂直居中有幾種實(shí)現(xiàn)方式,給出代碼范例
一舰攒、使用text-align败富;http://js.jirengu.com/sisa/2/edit
二、使用絕對(duì)定位:
1.固定寬高的:http://js.jirengu.com/kipe/3/edit
2.不固定寬高的:http://js.jirengu.com/tefi/3/edit
三摩窃、使用vertical=middle
首先我們要明白這個(gè)只能作用于行內(nèi)元素和表格元素兽叮。同時(shí)其的垂直居中不是很精確的,最后對(duì)于行內(nèi)元素中猾愿、表格元素中的文本進(jìn)行居中時(shí)鹦聪,是按照文本的基準(zhǔn)線進(jìn)行居中的。而這個(gè)基準(zhǔn)線是可以設(shè)置的蒂秘。因?yàn)橐又性蟊荆栽O(shè)置成middle。
demo:http://js.jirengu.com/zevi/2/edit
四姻僧、使用table-cell和vertical-align规丽;
demo: http://js.jirengu.com/mogo/2/edit實(shí)現(xiàn)如下效果蒲牧,每種效果都只使用一個(gè)html 標(biāo)簽來實(shí)現(xiàn) 效果范例38
一、http://js.jirengu.com/koqe/2/edit
二赌莺、http://js.jirengu.com/jose/2/edit
三冰抢、http://js.jirengu.com/yako/2/edit
**嚴(yán)禁轉(zhuǎn)載,違者必究艘狭!
CSS綜合
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門燥狰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人斜筐,你說我怎么就攤上這事龙致。” “怎么了顷链?”我有些...
- 文/不壞的土叔 我叫張陵目代,是天一觀的道長。 經(jīng)常有香客問我嗤练,道長榛了,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任煞抬,我火速辦了婚禮霜大,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘革答。我一直安慰自己战坤,他們只是感情好,可當(dāng)我...
- 文/花漫 我一把揭開白布残拐。 她就那樣靜靜地躺著途茫,像睡著了一般。 火紅的嫁衣襯著肌膚如雪溪食。 梳的紋絲不亂的頭發(fā)上囊卜,一...
- 文/蒼蘭香墨 我猛地睜開眼辐益,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼断傲!你這毒婦竟也來了智政?” 一聲冷哼從身側(cè)響起认罩,我...
- 序言:老撾萬榮一對(duì)情侶失蹤续捂,失蹤者是張志新(化名)和其女友劉穎垦垂,沒想到半個(gè)月后牙瓢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體劫拗,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡矾克,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年页慷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片胁附。...
- 正文 年R本政府宣布饼暑,位于F島的核電站稳析,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏弓叛。R本人自食惡果不足惜彰居,卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望撰筷。 院中可真熱鬧陈惰,春花似錦、人聲如沸毕籽。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至溶握,卻和暖如春杯缺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背睡榆。 一陣腳步聲響...
- 正文 我出身青樓塘揣,卻偏偏與公主長得像,于是被迫代替她去往敵國和親宿崭。 傳聞我的和親對(duì)象是個(gè)殘疾皇子亲铡,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 1.說一說你平時(shí)寫代碼遵守的編碼規(guī)范 CSS編碼規(guī)范: 合理命名葡兑,使用語義化標(biāo)簽奖蔓,基于功能命名、基于內(nèi)容命名铁孵、基于...
- 一锭硼,說一說你平時(shí)寫代碼遵守的編碼規(guī)范 1.css選擇器離{}一個(gè)空格2.css一個(gè)屬性占一行3.(color: r...
- 本文版權(quán)歸饑人谷和本人所有1.編碼規(guī)范:(1).合理命名 使用語義化標(biāo)簽, 基于功能命名蜕劝、基于內(nèi)容命名檀头、基于表現(xiàn)命...
- 1、說一說你平時(shí)寫代碼遵守的編碼規(guī)范 我平時(shí)一般遵守如下規(guī)范:1岖沛、所有命名都使用英文小寫2暑始、命名用引號(hào)包裹3、每條...