任務(wù)13

1. 說一說你平時(shí)寫代碼遵守的編碼規(guī)范
結(jié)合我自身有限的編碼經(jīng)驗(yàn),談?wù)勎夷壳白袷氐木幋a規(guī)范:
(1)盡量選取語義化的標(biāo)簽肥缔。雖然未做到100%,但段落汹来、頭部续膳、尾部、導(dǎo)航收班、標(biāo)題等等元素我都選取最適合的語義化標(biāo)簽進(jìn)行編碼坟岔;
(2)元素的id和類名我遵循按功能或內(nèi)容命名。例如:外側(cè)包裹我取名是wrapper摔桦,內(nèi)容部分取名是content等社付。
(3)命名用引號(hào)包裹。編碼時(shí)命名都使用雙引號(hào)包裹。
(4)命名體現(xiàn)功能瘦穆,絕不設(shè)計(jì)樣式表現(xiàn)纪隙。
(5)tab用兩個(gè)空格表示。對(duì)于代碼的縮進(jìn)我嚴(yán)格遵循扛或。
(6)每條樣式聲明后我都加了分號(hào)。
(7)每條樣式聲明我都換行碘饼。
沒有做到的規(guī)范:
(1)樣式聲明中的:后沒加空格熙兔,{前沒加空格。
(2)顏色雖然使用小寫但沒有使用縮寫艾恼,如:#ffffff -> #fff住涉。
(3)小數(shù)仍寫前綴,應(yīng)當(dāng)省去钠绍。如:0.5s -> .5s舆声。
(4)沒有盡量縮寫樣式。對(duì)于margin柳爽、font這樣能縮寫的屬性有時(shí)候還是分開寫媳握,應(yīng)當(dāng)盡量縮寫。
當(dāng)然還有其他規(guī)范磷脯,因?yàn)槟壳熬幋a經(jīng)驗(yàn)有限蛾找,以后遇到了再逐步規(guī)范。

2. 垂直居中有幾種實(shí)現(xiàn)方式赵誓,給出代碼范例
(1)設(shè)置父容器上下內(nèi)邊距打毛。
代碼1
(2)子容器絕對(duì)定位并進(jìn)行偏移。
代碼2
(3)偽類俩功、inline-block幻枉、vertical-align結(jié)合。
代碼3
(4)table-cell實(shí)現(xiàn)诡蜓。
代碼4
(5)單行文本用line-height實(shí)現(xiàn)熬甫。
代碼5
(6)flex實(shí)現(xiàn)。
代碼6

3. 實(shí)現(xiàn)如下效果万牺,每種效果都只使用一個(gè)html 標(biāo)簽來實(shí)現(xiàn)
(1)代碼1
(2)代碼2
(3)代碼3

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末罗珍,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子脚粟,更是在濱河造成了極大的恐慌覆旱,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,270評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件核无,死亡現(xiàn)場(chǎng)離奇詭異扣唱,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門噪沙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來炼彪,“玉大人,你說我怎么就攤上這事正歼》恚” “怎么了?”我有些...
    開封第一講書人閱讀 165,630評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵局义,是天一觀的道長(zhǎng)喜爷。 經(jīng)常有香客問我,道長(zhǎng)萄唇,這世上最難降的妖魔是什么檩帐? 我笑而不...
    開封第一講書人閱讀 58,906評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮另萤,結(jié)果婚禮上湃密,老公的妹妹穿的比我還像新娘。我一直安慰自己四敞,他們只是感情好泛源,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,928評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著目养,像睡著了一般俩由。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上癌蚁,一...
    開封第一講書人閱讀 51,718評(píng)論 1 305
  • 那天幻梯,我揣著相機(jī)與錄音,去河邊找鬼努释。 笑死碘梢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的伐蒂。 我是一名探鬼主播煞躬,決...
    沈念sama閱讀 40,442評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼逸邦!你這毒婦竟也來了恩沛?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,345評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤缕减,失蹤者是張志新(化名)和其女友劉穎雷客,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體桥狡,經(jīng)...
    沈念sama閱讀 45,802評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡搅裙,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,984評(píng)論 3 337
  • 正文 我和宋清朗相戀三年皱卓,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片部逮。...
    茶點(diǎn)故事閱讀 40,117評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡娜汁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出兄朋,到底是詐尸還是另有隱情掐禁,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評(píng)論 5 346
  • 正文 年R本政府宣布颅和,位于F島的核電站穆桂,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏融虽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,462評(píng)論 3 331
  • 文/蒙蒙 一灼芭、第九天 我趴在偏房一處隱蔽的房頂上張望有额。 院中可真熱鬧,春花似錦彼绷、人聲如沸巍佑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽萤衰。三九已至,卻和暖如春猜旬,著一層夾襖步出監(jiān)牢的瞬間脆栋,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工洒擦, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留椿争,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,377評(píng)論 3 373
  • 正文 我出身青樓熟嫩,卻偏偏與公主長(zhǎng)得像秦踪,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子掸茅,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,060評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1椅邓、說一說你平時(shí)寫代碼遵守的編碼規(guī)范 2、垂直居中有幾種實(shí)現(xiàn)方式昧狮,給出代碼范例 3景馁、實(shí)現(xiàn)如下效果,每種效果都只使用...
  • 1.說一說你平時(shí)寫代碼遵守的編碼規(guī)范 答:基本會(huì)按照如下鏈接內(nèi)容遵守編碼規(guī)范:http://codeguide.b...
    饑人谷_牛牛閱讀 235評(píng)論 0 0
  • 1.說一說你平時(shí)寫代碼遵守的編碼規(guī)范 HTML 語義化語義化標(biāo)簽優(yōu)先陵且;基于功能命名裁僧、基于內(nèi)容命名个束、基于表現(xiàn)命名;簡(jiǎn)...
    饑人谷_瀟湘情緒雨閱讀 241評(píng)論 0 0
  • 1聊疲、說一說你平時(shí)寫代碼遵守的編碼規(guī)范 語義化語義化標(biāo)簽優(yōu)先基于功能命名茬底,基于內(nèi)容命名,基于表現(xiàn)命名簡(jiǎn)略获洲,明了阱表,無后...
    饑人谷_醉眼天涯閱讀 217評(píng)論 0 0
  • 對(duì)這個(gè)世界的愛 也有一個(gè)臺(tái)風(fēng)眼 都是對(duì)你的愛 這個(gè)世界就是你 每一眼都深情 遠(yuǎn)處的青山 湛藍(lán)的天空 都是你的化身 ...
    雨木西閱讀 312評(píng)論 4 15