css綜合

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

1.1 標簽語義化

1.2 tab用兩個空格表示

1.3 不在自閉和的元素末尾添加斜線

1.4 不要使用@import

? ? ? ?因為@import指令比<link>要慢很多。

1.5 css中class的名稱只能出現小寫字符和破折號(不是下劃線)

1.6 使用有意義的名稱粟判,使用有組織或目的明確的名稱

具體參考http://codeguide.bootcss.com/

2 垂直居中有幾種實現方式亿昏,給出代碼范例

2.1.利用table-cell實現居中

https://jsbin.com/faweto/edit?html,css,output

2.2.利用vertical-align實現居中

https://jsbin.com/fevibo/edit?html,css,output

2.3.利用絕對定位實現居中

當父盒子的高度和寬度不固定的時候

https://jsbin.com/roranum/edit?html,css,output

當高度和寬度固定的時候

https://jsbin.com/hifihog/edit?html,css,output

2.4.利用padding實現居中

https://jsbin.com/vufizoc/edit?html,css,output

3.實現效果

https://jsbin.com/mimoca/edit?html,css,output

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市档礁,隨后出現的幾起案子角钩,更是在濱河造成了極大的恐慌,老刑警劉巖呻澜,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件递礼,死亡現場離奇詭異,居然都是意外死亡羹幸,警方通過查閱死者的電腦和手機脊髓,發(fā)現死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來栅受,“玉大人将硝,你說我怎么就攤上這事∑聊鳎” “怎么了依疼?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長而芥。 經常有香客問我律罢,道長,這世上最難降的妖魔是什么蔚出? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任弟翘,我火速辦了婚禮虫腋,結果婚禮上骄酗,老公的妹妹穿的比我還像新娘。我一直安慰自己悦冀,他們只是感情好趋翻,可當我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著盒蟆,像睡著了一般踏烙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上历等,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天讨惩,我揣著相機與錄音,去河邊找鬼寒屯。 笑死荐捻,一個胖子當著我的面吹牛黍少,可吹牛的內容都是我干的。 我是一名探鬼主播处面,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼厂置,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了魂角?” 一聲冷哼從身側響起昵济,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎野揪,沒想到半個月后访忿,有當地人在樹林里發(fā)現了一具尸體蹬跃,經...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡痴荐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了潮梯。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片平挑。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡游添,死狀恐怖,靈堂內的尸體忽然破棺而出通熄,到底是詐尸還是另有隱情唆涝,我是刑警寧澤,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布唇辨,位于F島的核電站廊酣,受9級特大地震影響,放射性物質發(fā)生泄漏赏枚。R本人自食惡果不足惜亡驰,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望饿幅。 院中可真熱鬧凡辱,春花似錦、人聲如沸栗恩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽磕秤。三九已至乳乌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間市咆,已是汗流浹背汉操。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蒙兰,地道東北人磷瘤。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓其弊,卻偏偏與公主長得像,于是被迫代替她去往敵國和親膀斋。 傳聞我的和親對象是個殘疾皇子梭伐,可洞房花燭夜當晚...
    茶點故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內容

  • 1.編碼規(guī)范 tab用兩個空格表示css的:后加空格,{前加空格每條聲明后加;每條命令換行仰担,不放到一行顏色用小寫和...
    我七閱讀 203評論 0 0
  • HTML糊识、CSS的一些編碼規(guī)范 HTML:用兩個空格表示縮進。嵌套元素應當縮進一次摔蓝。對于屬性的定義赂苗,確保全部使用雙...
    liushaung閱讀 319評論 0 2
  • 說一說你平時寫代碼遵守的編碼規(guī)范 盡量用最簡單的最少的規(guī)則去控制 能用css控制的,不要用js去控制 如果不考慮低...
    好好頑閱讀 177評論 0 0
  • 說一說你平時寫代碼遵守的編碼規(guī)范1.命名一律使用小寫2.盡量使用基于功能寫命名贮尉;如class=".content"...
    Komolei閱讀 332評論 0 0
  • 許多跑者猜谚、尤其是剛入門的新手败砂,都不太會在跑步的過程當中科學而有效率的呼吸。您也許有這樣的經驗魏铅,跑步的速度只要一快昌犹、...
    體育觀察閱讀 561評論 0 4