【復習筆記】CSS基礎
阿新 • • 發佈:2017-09-12
符號 標記 生成 修改 方向 strong 存在 單詞 將不 外觀
color:rgba(255,255,255,1),a表示alpha,透明度值0~1
font-family:字體1,字體2,字體3;確保某字體不存在時自動選擇下一個,最好使用字體的英文名稱保證瀏覽器識別
background-position,單獨left或right(或使用指定偏移像素px)默認帶center屬性
text-indent首行縮進量基於父元素寬度
letter-spacing表示字之間的間距,word-spacing表示單詞(英文)之間的間距
direction會文本書寫方向,位置偏移,字順序不變,標點符號方向變化
border-top/bottom/left/right-style分別定義邊框樣式
CSS參數一般三個值時表示:上、(左、右)、下
list-position可設置自帶標記在文本內或文本外
布局定位
position:
1、absolute生成絕對定位的元素,相對於 static 定位以外的第一個父元素進行定位(最近的不是默認static定位的父元素)
2、relative 生成相對定位的元素,相對於其正常位置進行定位
3、fixed 生成絕對定位的元素,相對於瀏覽器窗口進行定位
top、left、right、bottom在position為static(默認)情況下無任何效果
★定位要少用,能不能就盡量不用,問題有點多
內聯元素(inline):padding和margin-left/right是可以撐大內聯元素的
內聯塊元素(inline-block): 表現為同行顯示並可修改寬高內外邊距等屬性, 將<li>元素加上display:inline-block樣式,原本垂直的列表就可以水平顯示了
浮動(float):
浮動元素會生成一個塊級框,而不論它本身是何種元素
元素的水平方向浮動,意味著元素只能左右移動而不能上下移動。
一個浮動元素會盡量向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。
浮動元素之後的元素將圍繞它。
浮動元素之前的元素將不會受到影響。
【復習筆記】CSS基礎