CSS 綜合

說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范瘾带?

1.要合適使用命名鼠哥,盡量語(yǔ)義化。
2.tab用兩個(gè)空格表示看政。
3.css的:加個(gè)空格肴盏。
4.每條聲明加個(gè)分號(hào)。
5.換行帽衙,而不是放到一行菜皂。
6.顏色用小寫(xiě),用縮寫(xiě)厉萝,例如#fff恍飘;
7.小樹(shù)不用前綴榨崩,例如.5 .3==0.5 0.3
8.可以用縮寫(xiě)的盡量用縮寫(xiě)。章母。

垂直居中有幾種實(shí)現(xiàn)方式乳怎,給出代碼范例彩郊?

  • 設(shè)置上下padding相等;
Paste_Image.png
  • 絕對(duì)定位的方式居中蚪缀。

    1. 寬高固定的情況下:
Paste_Image.png
Paste_Image.png
  1. 寬或者高不固定的情況下:
    利用css3的屬性秫逝,transform:translate(-50%,-50%);會(huì)有兼容性問(wèn)題;


    Paste_Image.png
  • 使用vertical-ailgn居中:
    首先vertical-align作用在行內(nèi)元素询枚,或者表格才生效违帆。
    ps: 原理就是給包裹的行內(nèi)元素一個(gè)參照物,一起垂直居中金蜀。


    Paste_Image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末刷后,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子渊抄,更是在濱河造成了極大的恐慌尝胆,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,695評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件护桦,死亡現(xiàn)場(chǎng)離奇詭異班巩,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)嘶炭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)抱慌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人眨猎,你說(shuō)我怎么就攤上這事抑进。” “怎么了睡陪?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,130評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵寺渗,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我兰迫,道長(zhǎng)信殊,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,648評(píng)論 1 297
  • 正文 為了忘掉前任汁果,我火速辦了婚禮涡拘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘据德。我一直安慰自己鳄乏,他們只是感情好跷车,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,655評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著橱野,像睡著了一般朽缴。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上水援,一...
    開(kāi)封第一講書(shū)人閱讀 52,268評(píng)論 1 309
  • 那天密强,我揣著相機(jī)與錄音,去河邊找鬼蜗元。 笑死或渤,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的许帐。 我是一名探鬼主播,決...
    沈念sama閱讀 40,835評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼毕谴,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼成畦!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起涝开,我...
    開(kāi)封第一講書(shū)人閱讀 39,740評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤循帐,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后舀武,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體拄养,經(jīng)...
    沈念sama閱讀 46,286評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,375評(píng)論 3 340
  • 正文 我和宋清朗相戀三年银舱,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了瘪匿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,505評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡寻馏,死狀恐怖棋弥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情诚欠,我是刑警寧澤顽染,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站轰绵,受9級(jí)特大地震影響粉寞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜左腔,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,873評(píng)論 3 333
  • 文/蒙蒙 一唧垦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧液样,春花似錦业崖、人聲如沸野芒。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,357評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)狞悲。三九已至,卻和暖如春妇斤,著一層夾襖步出監(jiān)牢的瞬間摇锋,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,466評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工站超, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留荸恕,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,921評(píng)論 3 376
  • 正文 我出身青樓死相,卻偏偏與公主長(zhǎng)得像融求,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子算撮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,515評(píng)論 2 359

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

  • 1.說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范 命名技巧語(yǔ)義化標(biāo)簽優(yōu)先基于功能命名生宛、基于內(nèi)容命名、基于表現(xiàn)命名簡(jiǎn)略肮柜、明了陷舅、無(wú)...
    謹(jǐn)言_慎行閱讀 202評(píng)論 0 0
  • 說(shuō)一說(shuō)你平時(shí)寫(xiě)代碼遵守的編碼規(guī)范常見(jiàn)的編碼規(guī)范語(yǔ)義化:1.語(yǔ)義化標(biāo)簽優(yōu)先2.基于功能命名、基于內(nèi)容命名审洞、基于表現(xiàn)命...
    24_Magic閱讀 236評(píng)論 0 0
  • 淺談編碼規(guī)范 命名技巧 語(yǔ)義化標(biāo)簽優(yōu)先 基于功能命名莱睁、基于內(nèi)容命名、基于表現(xiàn)命名 簡(jiǎn)略芒澜、明了(翻譯成英文) 所有命...
    饑人谷_秦勤閱讀 361評(píng)論 0 0
  • CSS編碼規(guī)范 命名規(guī)范:語(yǔ)義化標(biāo)簽優(yōu)先仰剿;基于功能命名、基于內(nèi)容命名痴晦、基于表現(xiàn)命名酥馍;簡(jiǎn)略、明了阅酪、無(wú)后患 書(shū)寫(xiě)規(guī)范:...
    饑人谷_哈嚕嚕閱讀 309評(píng)論 0 0
  • 編碼規(guī)范 所有命名都使用英文小寫(xiě) 命名用引號(hào)包裹 用中橫線(xiàn)連接 命名體現(xiàn)功能旨袒,不涉及表現(xiàn)樣式(顏色、字體术辐、邊框砚尽、背...
    饑人谷_bigJiao閱讀 220評(píng)論 0 0