1. 程式人生 > >【復習筆記】CSS基礎

【復習筆記】CSS基礎

符號 標記 生成 修改 方向 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基礎