css綜合

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

1.命名規(guī)范

  • 語義化標簽優(yōu)先
  • 基于功能殴蹄、內(nèi)容推溃、表現(xiàn)命名
  • 簡單明了無歧義

2.CSS書寫規(guī)范

  • tab用兩個空格表示
  • css的:后面加個空格沿盅,{前面加個空格
  • 每條聲明后面都加上分號
  • 換行而不是放到一行
  • 顏色用小寫,用縮小,比如color: #fff;
  • 小數(shù)前面的零可以省略疾渣,例如color: 0.15rem;可以寫成color: .15rem;
  • 盡量縮寫拴魄,比如 margin: 5px 5px 5px 5px;可以寫成margin: 5px;

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

1.絕對定位垂直居中 http://js.jirengu.com/somi/1
2.flex垂直居中 http://js.jirengu.com/kisok/1
3.vertical-align垂直居中 http://js.jirengu.com/qowe/1
4.table-cell垂直居中 http://js.jirengu.com/genot/1

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

http://js.jirengu.com/yemah/1

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末匹中,一起剝皮案震驚了整個濱河市夏漱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌顶捷,老刑警劉巖挂绰,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異服赎,居然都是意外死亡葵蒂,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門重虑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來践付,“玉大人,你說我怎么就攤上這事缺厉∮栏撸” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵提针,是天一觀的道長命爬。 經(jīng)常有香客問我碘菜,道長垄分,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任概作,我火速辦了婚禮嗜价,結(jié)果婚禮上艇抠,老公的妹妹穿的比我還像新娘。我一直安慰自己炭剪,他們只是感情好练链,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著奴拦,像睡著了一般媒鼓。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天绿鸣,我揣著相機與錄音疚沐,去河邊找鬼。 笑死潮模,一個胖子當著我的面吹牛亮蛔,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播擎厢,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼究流,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了动遭?” 一聲冷哼從身側(cè)響起芬探,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎厘惦,沒想到半個月后偷仿,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡宵蕉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年酝静,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片羡玛。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡别智,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出缝左,到底是詐尸還是另有隱情亿遂,我是刑警寧澤浓若,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布渺杉,位于F島的核電站,受9級特大地震影響挪钓,放射性物質(zhì)發(fā)生泄漏是越。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一碌上、第九天 我趴在偏房一處隱蔽的房頂上張望倚评。 院中可真熱鬧,春花似錦馏予、人聲如沸天梧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽呢岗。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間后豫,已是汗流浹背悉尾。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留挫酿,地道東北人构眯。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像早龟,于是被迫代替她去往敵國和親惫霸。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

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

  • 1葱弟、 前端編碼規(guī)范 HTML書寫規(guī)范 所有編碼均遵循xhtml標準, 標簽 & 屬性 & 屬性命名 必須由小寫字母...
    李博洋li閱讀 336評論 0 0
  • 一它褪,說一說你平時寫代碼遵守的編碼規(guī)范 1.css選擇器離{}一個空格2.css一個屬性占一行3.(color: r...
    進擊的前端_風笑影閱讀 279評論 0 0
  • 說一說你平時寫代碼遵守的編碼規(guī)范1.命名一律使用小寫2.盡量使用基于功能寫命名;如class=".content"...
    Komolei閱讀 326評論 0 0
  • 1.編碼規(guī)范 我平時寫代碼所遵循的規(guī)范如下: 命名都用小寫翘悉,多個單詞時用中劃線連接茫打。 命名用有意義的單詞,做到看到...
    leocz閱讀 367評論 0 0
  • 說一說你平時寫代碼遵守的編碼規(guī)范 語義化 語義化標簽優(yōu)先基于功能命名妖混、基于內(nèi)容命名老赤、基于表現(xiàn)命名簡略、明了制市、無后患...
    榮_Rong閱讀 236評論 0 0