入門任務(wù)13

1.說一說你平時寫代碼遵守的編碼規(guī)范

HTML

  • 語義化
    • 語義化標(biāo)簽優(yōu)先赚瘦;
    • 基于功能命名粟誓、基于內(nèi)容命名、基于表現(xiàn)命名起意;
    • 簡略鹰服、明了、無后患揽咕;
  • 所有命名都使用英文小寫悲酷;
  • 命名用引號包裹;
  • 用中橫線連接亲善;
  • 命名體現(xiàn)功能设易,不涉及表現(xiàn)樣式(顏色、字體蛹头、邊框顿肺、背景等);
    CSS
  • tab 用兩個空格表示渣蜗;
  • css的 :后加個空格屠尊, {前加個空格;
  • 每條聲明后都加上分號袍睡;
  • 換行知染,而不是放到一行;
  • 顏色用小寫斑胜,用縮寫, #fff控淡;
  • 小數(shù)不用寫前綴, 0.5s -> .5s;0不用加單位止潘;
  • 盡量縮寫掺炭, margin: 5px 10px 5px 10px -> margin: 5px 10px;

2.垂直居中有幾種實現(xiàn)方式凭戴,給出代碼范例

1.上下padding相等 例一涧狮;
2.絕對定位實現(xiàn)居中 例二
3.vertical-align實現(xiàn)居中 (作用在行內(nèi)元素或表格) 例三
4.table-cell 實現(xiàn)居中 例四者冤;
5.flex實現(xiàn)居中

3.實現(xiàn)如下效果涉枫,每種效果都只使用一個html 標(biāo)簽來實現(xiàn)

代碼范例

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末邢滑,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子愿汰,更是在濱河造成了極大的恐慌困后,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件衬廷,死亡現(xiàn)場離奇詭異摇予,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)吗跋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進(jìn)店門侧戴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人小腊,你說我怎么就攤上這事救鲤。” “怎么了秩冈?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長斥扛。 經(jīng)常有香客問我入问,道長,這世上最難降的妖魔是什么稀颁? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任芬失,我火速辦了婚禮,結(jié)果婚禮上匾灶,老公的妹妹穿的比我還像新娘棱烂。我一直安慰自己,他們只是感情好阶女,可當(dāng)我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布颊糜。 她就那樣靜靜地躺著,像睡著了一般秃踩。 火紅的嫁衣襯著肌膚如雪衬鱼。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天憔杨,我揣著相機(jī)與錄音鸟赫,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛抛蚤,可吹牛的內(nèi)容都是我干的台谢。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼岁经,長吁一口氣:“原來是場噩夢啊……” “哼对碌!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蒿偎,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤朽们,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后诉位,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體骑脱,經(jīng)...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年苍糠,在試婚紗的時候發(fā)現(xiàn)自己被綠了叁丧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡岳瞭,死狀恐怖拥娄,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情瞳筏,我是刑警寧澤稚瘾,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布,位于F島的核電站姚炕,受9級特大地震影響摊欠,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜柱宦,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一些椒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧掸刊,春花似錦免糕、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至苍柏,卻和暖如春尼斧,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背试吁。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工棺棵, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留楼咳,地道東北人。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓烛恤,卻偏偏與公主長得像母怜,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子缚柏,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,927評論 2 355

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

  • 1苹熏、說一說你平時寫代碼遵守的編碼規(guī)范 2、垂直居中有幾種實現(xiàn)方式币喧,給出代碼范例 3轨域、實現(xiàn)如下效果,每種效果都只使用...
  • 說一說你平時寫代碼遵守的編碼規(guī)范## 以bootstrap編碼規(guī)范為基準(zhǔn)杀餐,盡量遵守這個標(biāo)準(zhǔn) 傳送門 語義化盡量使用...
    饑人谷_zhangfan閱讀 132評論 0 0
  • 一些重要的編程規(guī)范 語義化標(biāo)簽干发,我認(rèn)為初期對于這塊不是很有概念,今后會在實戰(zhàn)中改善史翘。 命名只用英文小寫枉长,中橫線替代...
    shawnzx閱讀 497評論 0 49
  • 內(nèi)容:第十、十一章 在找出問題并解決后琼讽,一篇報告就應(yīng)該成文了必峰。除了第一篇提到的序言和提綱寫法,在修辭钻蹬、格式和形式上...
    嗒嗒以閱讀 279評論 0 0
  • 正當(dāng)我們魔都人感嘆不知何時才能買得起房怠李,有同樣困擾的還有其他不同城市隔缀,不同國家的人們饱须。住房問題已經(jīng)成為了一個剛需的...
    林小路閱讀 826評論 0 6