1.文字修飾:
text-decoration : underline下劃線 蚓让,none沒有修飾, over-line上劃線 ,line-through中劃線
vertical-align : 豎直對(duì)齊方式 ??text-align: center : 水平居中
2.內(nèi)容超出處理:
overflow :visible(默認(rèn)) |auto |hidden |scroll
visible不裁剪內(nèi)容,可能會(huì)顯示在內(nèi)容框之外。
auto 容器自適應(yīng)內(nèi)容代芜,內(nèi)容高度超出容易,會(huì)出現(xiàn)豎直滾動(dòng)條浓利,如果內(nèi)容寬度超出容器挤庇,會(huì)出現(xiàn)水平滾動(dòng)條
hidden 是把超出容器的內(nèi)容部分給裁減掉
scroll? 給容器設(shè)置滾動(dòng)條钞速,如果內(nèi)容沒有超出容器,將無法滾動(dòng)
overflow-x: 對(duì)容器的水平方向處理
overflow-y: 對(duì)容器的垂直方向處理
3.overflow-x/y:
visible |hidden |scroll |auto |no-display |no-content;
visible不裁剪內(nèi)容嫡秕,可能會(huì)顯示在內(nèi)容框之外渴语。
hidden裁剪內(nèi)容 - 不提供滾動(dòng)機(jī)制。
scroll裁剪內(nèi)容 - 提供滾動(dòng)機(jī)制昆咽。
auto如果溢出框驾凶,則應(yīng)該提供滾動(dòng)機(jī)制。
no-display如果內(nèi)容不適合內(nèi)容框掷酗,則刪除整個(gè)框调违。
no-content如果內(nèi)容不適合內(nèi)容框,則隱藏整個(gè)內(nèi)容泻轰。
4.顏色單位:
英文單詞 / 16進(jìn)制 ?/ rgb / transparent
5.字號(hào)設(shè)置:
px:絕對(duì)單位技肩,頁面按精確像素展示
百分比:相對(duì)單位,相對(duì)于瀏覽器默認(rèn)字號(hào)
em:相對(duì)單位浮声,基準(zhǔn)點(diǎn)為父節(jié)點(diǎn)字體的大小虚婿,如果自身定義了font-size按自身來計(jì)算(瀏覽器默認(rèn)字體是16px),整個(gè)頁面內(nèi)1em不是一個(gè)固定的值阿蝶。
rem:相對(duì)單位雳锋,可理解為”root em”, 相對(duì)根節(jié)點(diǎn)html的字體大小來計(jì)算
6.font-weight 字重:
bold(500~900) ? ?加粗 ? bolder 更粗(已淘汰)
lighter(100~300) 更細(xì) ? normal(400)正常的
font-style:
7.斜體設(shè)置? italic
正常設(shè)置noraml
8.font-family 字體設(shè)置:
設(shè)置多個(gè)字體用逗號(hào)隔開 用雙引號(hào)包裹 (Arial一般最后一個(gè)黄绩,多系統(tǒng)支持)
解析風(fēng)格:sans-serif(比較圓潤)羡洁,serif棱角多
9.首行縮進(jìn):
text-indent: 2em;