css书写规范、行高
生活随笔
收集整理的這篇文章主要介紹了
css书写规范、行高
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
css書寫規(guī)范:
空格規(guī)范:
選擇器與花括號{之間必須包含空格,屬性冒號:后面和屬性值必須包含空格
.text {font-size: 16px;}選擇器規(guī)范:
當(dāng)有多個選擇器同時出現(xiàn)時,每個選擇器必須獨占一行
.box,.nav,.mainbox {background-color:lightblue;}選擇器嵌套層級規(guī)范:
選擇器嵌套層級不大于3級。
屬性規(guī)范:
定義每一個屬性時應(yīng)該另起一行。
p {font-size: 16px;color: yellow;font-weight: bold;}分號結(jié)尾規(guī)范:
屬性定義完 應(yīng)該以分號結(jié)尾。
p {font-size: 16px;}行高line-height:
line-height:設(shè)置行高,一般行與行之間的距離設(shè)置比字體大小大7或者8個像素。
行高的測量:
行高的距離是基線與基線之間的距離。
行高 = 上距離 + 內(nèi)容高度 + 下距離
★★行高等于盒子的高度時可以使單行文本垂直居中
div {height: 100px;line-height:100px;background-color: yellow;}<div>垂直居中的文本</div>提示:本文圖片等素材來源于網(wǎng)絡(luò),若有侵權(quán),請發(fā)郵件至郵箱:810665436@qq.com聯(lián)系筆者 刪除。
筆者:苦海
總結(jié)
以上是生活随笔為你收集整理的css书写规范、行高的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php str pa,php截取字符串方
- 下一篇: udp和tcp是服务器响应,HTTP,T