CSS 綜合

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

  • 命名技巧
    一禁偎、語義化
    1.語義化標簽優(yōu)先
    2.基于功能命名杀怠、基于內(nèi)容命名、基于表現(xiàn)命名
    3.簡略腕唧、明了或辖、無后患
    二、命名范例
    1.所有命名都使用英文小寫
    推薦:<div class="main"></div>
    不推薦: <div class="Main"></div>
    2.命名用引號包裹
    推薦:<div id="header"></div>
    不推薦: <div id=header></div>
    3.用中橫線連接
    推薦:<div class="mod-modal"></div>
    不推薦: <div class="modModal"></div>
    4.命名體現(xiàn)功能枣接,不涉及表現(xiàn)樣式(顏色颂暇、字體、邊框但惶、背景等)
    推薦:<div class="text-lesser"></div>
    不推薦: <div class="light-grey"></div>
  • CSS規(guī)范
    一耳鸯、書寫規(guī)范
    1.tab 用兩個空格表示
    2.css的 :后加個空格, {前加個空格
    3.每條聲明后都加上分號
    4.換行膀曾,而不是放到一行
    h1,
    h2,
    h3 {
    font-weight: normal;
    line-height: 1.2;
    }
    5.顏色用小寫县爬,用縮寫, #fff
    6.小數(shù)不用寫前綴, 0.5s -> .5s;0不用加單位
    7.盡量縮寫添谊, margin: 5px 10px 5px 10px -> margin: 5px 10px

2.垂直居中有幾種實現(xiàn)方式财喳,給出代碼范例 及 三角css代碼實現(xiàn)

代碼

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市斩狱,隨后出現(xiàn)的幾起案子耳高,更是在濱河造成了極大的恐慌,老刑警劉巖所踊,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件祝高,死亡現(xiàn)場離奇詭異,居然都是意外死亡污筷,警方通過查閱死者的電腦和手機工闺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進店門乍赫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人陆蟆,你說我怎么就攤上這事雷厂。” “怎么了叠殷?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵改鲫,是天一觀的道長。 經(jīng)常有香客問我林束,道長像棘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任壶冒,我火速辦了婚禮缕题,結果婚禮上,老公的妹妹穿的比我還像新娘胖腾。我一直安慰自己烟零,他們只是感情好,可當我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布咸作。 她就那樣靜靜地躺著锨阿,像睡著了一般。 火紅的嫁衣襯著肌膚如雪记罚。 梳的紋絲不亂的頭發(fā)上墅诡,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天,我揣著相機與錄音桐智,去河邊找鬼书斜。 笑死,一個胖子當著我的面吹牛酵使,可吹牛的內(nèi)容都是我干的荐吉。 我是一名探鬼主播,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼口渔,長吁一口氣:“原來是場噩夢啊……” “哼样屠!你這毒婦竟也來了?” 一聲冷哼從身側響起缺脉,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤痪欲,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后攻礼,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體业踢,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年礁扮,在試婚紗的時候發(fā)現(xiàn)自己被綠了知举。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瞬沦。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖雇锡,靈堂內(nèi)的尸體忽然破棺而出逛钻,到底是詐尸還是另有隱情,我是刑警寧澤锰提,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布曙痘,位于F島的核電站,受9級特大地震影響立肘,放射性物質(zhì)發(fā)生泄漏边坤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一谅年、第九天 我趴在偏房一處隱蔽的房頂上張望茧痒。 院中可真熱鬧,春花似錦踢故、人聲如沸文黎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至桩蓉,卻和暖如春淋纲,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背院究。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工洽瞬, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人业汰。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓伙窃,卻偏偏與公主長得像,于是被迫代替她去往敵國和親样漆。 傳聞我的和親對象是個殘疾皇子为障,可洞房花燭夜當晚...
    茶點故事閱讀 44,884評論 2 354

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

  • 說一說你平時寫代碼遵守的編碼規(guī)范常見的編碼規(guī)范語義化:1.語義化標簽優(yōu)先2.基于功能命名、基于內(nèi)容命名放祟、基于表現(xiàn)命...
    24_Magic閱讀 236評論 0 0
  • 1.說一說你平時寫代碼遵守的編碼規(guī)范 語義化·語義化標簽優(yōu)先·基于功能命名鳍怨、基于內(nèi)容命名、基于表現(xiàn)命名·簡略跪妥、明了...
    FLYSASA閱讀 245評論 0 0
  • 寫代碼需要遵守的編碼規(guī)范 1. 命名技巧 語義化 語義化標簽優(yōu)先 基于功能命名鞋喇、基于內(nèi)容命名、基于表現(xiàn)命名 簡略眉撵、...
    阿魯提爾閱讀 273評論 0 4
  • 淺談編碼規(guī)范 命名技巧 語義化標簽優(yōu)先 基于功能命名侦香、基于內(nèi)容命名落塑、基于表現(xiàn)命名 簡略、明了(翻譯成英文) 所有命...
    饑人谷_秦勤閱讀 358評論 0 0
  • 白云蒼狗鄙皇,匆匆一瞥芜赌,21天轉瞬即逝,我的收獲我的心理歷程伴逸,我非常想用缠沈,一句簡單的言語把它表述出來,他卻注入...
    子在川上cherry閱讀 2,200評論 1 4