一靡馁、文本:
背景:background,復合寫法机久,類似于border臭墨,可以同時設置顏色、圖片膘盖、重復胧弛、定位、關聯(lián)(滾動)等侠畔。
默認情況下背景會橫縱重復结缚。
透明:兼容寫法:
{
filter: alpha(opacity = 50);
opacity: 0.5;
}
透明度會影響后代∪砉祝可以通過z-index來解決红竭。
還可以通過rgba控制透明度。
段落:
line-height: 行間距
text-decoration:文本修飾码党,如underline下劃線
text-indent:首行文本縮進德崭,用em好一點
text-align:水平對齊方式
vertical-align:垂直(有bug,不建議使用)
那么如何居中呢揖盘? 用定位眉厨。
word/letter-spacing:間距,單詞和字母
word-break:自動換行兽狭,break-all允許單詞內換行
字體樣式:
color
font-family:字體系列
font-size:大小
font-style:傾斜
font-weight:粗細
font復合樣式憾股,一般不使用
網(wǎng)絡字體:用@font-face,先字體系列箕慧,然后src
二服球、定位布局
當頁面中出現(xiàn)多個元素層疊狀態(tài)的時候,用定位布局颠焦。
定位:position
static 默認值
fixed 相對于瀏覽器布局
relative 相對于自己本來的位置進行定位斩熊,通常用來作為絕對定位的容器
absolu 絕對定位,父元素有定位過的就以最近的去定位伐庭,否則以html標簽進行定位粉渠,會收到父元素padding的影響
都需要left top right bottom進行激活。
相對定位的元素不會脫離文檔流圾另。絕對定位的元素會脫離文檔流霸株。當元素脫離文檔流就可以為元素設置盒模型屬性,但是margin屬性中的auto會失效集乔。
z-index越大去件,越在上面。
界限控制:max/min-height/width
偽元素:::before,::after尤溜,內容可以用content屬性倔叼。