1. 程式人生 > >前端開發之CSS基礎知識02

前端開發之CSS基礎知識02

類選擇器 bsp top osi 文本 層疊 das chm rgba

重要:
行內元素中只能容納文本或其他的行內元素 a標簽例外

文字類型的塊標簽,不要放其他塊元素 如 P H1

CSS規範:
.demo {} 空格

font-size: 12px; 空格

.a1, .a2, .a3 {} 空格

後代選擇器或子代選擇器最好不要超過三層

文字分為 頂線 中線 基線 底線

CSS特性:
層疊行:若沖突,按照最後的為準


CSS權重(重要):
標簽 0.0.0.1 類選擇器 0.0.1.0 id選擇器 0.1.0.0
內聯樣式 1.0.0.0 !important 無窮大

比標簽類型的權重,按照每個位去比,同類標簽可以疊加,但是遇到繼承後,有直接定義的單個標簽,那麽繼承的權重為0

CSS繼承:
雖然是繼承,但是如果制定了相應的元素,那麽繼承的元素依然為0

CSS背景:

background-color:;

background-image:url;

background-repeat:no-repeat 或 repeat-x 或 -y; 重復背景

background-position: 5px 10px;第一個參數水平,第二個參數垂直

background-attachment:fixed;圖片滾動變成固定;

簡寫:background:#000 url("/images/1.jpg") no-repeat fixed 水平center 垂直 top;

透明:rgba(23,23,5,0.2)

CSS盒子:
border-style:solid none dashed;線條類型


表格單元格邊框合並:更細

border-collapse:collapse;


padding:
盒子由內往外撐開,依然屬於盒子之內,邊框之內

簡寫 padding 10px ;
padding 1px 2px 3px 4px;上,右,下,左


一個參數:padding: 10px; 全部
二個參數:padding: 10px 20px; 上下10 左右20
三個參數:padding: 10px 20px 30px;上10 左右20 下 10
四個參數:padding:10px 20px 30px 40px;上 右 下 佐


UL>LI取消小點:
list-style:none;

前端開發之CSS基礎知識02