復合屬性 列表屬性 文字屬性

background 復合屬性

url: 位址(本地位址，網路位址);

repeat : 預設值 水平和垂直都鋪滿;

repeat-x：只鋪滿水平方向(左右)

repeat-y: 只鋪滿垂直方向(上下);

no-repeat: 不平鋪 (放不滿，留出空白);

background-size：100% 100% 背景縮放

.box

background-position: 值1 值2;

值1：水平方向移動的距離

值2：垂直方向移動的距離

值的形式：

1. left center right top center bottom

2. px（畫素）

3. %（百分比）

備註：背景大小的百分比是參考標籤自身的大小

背景移動的百分比市參考自身的大小

background-position: 50% 50%;

background-position: left 100px； //可混用

hidden: 隱藏;

scroll: 滾動超出的部分

overflow: scroll;

邊框：寬度 樣式 顏色

樣式：實線 solid

虛線 dashed

點線 dotted

style：border-width(粗線)

border-color(顏色)

border: 2px solid black;

如果希望分別為4條邊框設定不同的樣式：border-left,border-right, border-top,border-bottom, border-right-color 等

清除列表的預設的專案符號

list-style: none;

list-style-type: 值;

;調整位置

outside: 當前列表內容和下一行列表內容對齊，並不在圖示位置(預設值);

list-style-position: inside;

list-style-position: outside;

span

normal : 正常 (預設);

italic : 斜體;

oblique: 傾斜;

span

bolder: 特粗體;

bold: 加粗體;

normal: 正常 (預設);

lighter: 細體;

span

p

p

例如span 之類只憑藉內容撐開大小的標籤，無法使用

例如div,p 之類獨佔一行的標籤，可以使用

em:大小的單位

父元素的字型大小 = 1em

em也是乙個相對單位

p

none;正常顯示

underline;加下線

line-through;刪除線

overline;加頂線

.text

uppercase:全部大寫

lowercase:全部小寫

b

CSS屬性 文字屬性 or 列表屬性

font weight bolder 更粗的 bold 加粗 normal 常規 lighter 細的 font weight 100 900 100 500 不加粗 600 900 加粗 常用 100 細體 400 正常 700 加粗 900 更粗 font style italic 傾斜字 ob...

字型屬性 文字屬性

font family 微軟雅黑 字型 font size 16px 瀏覽器預設大小 16px 字型大小大小 font weight 400代表正常 700代表加粗 字型粗細 font style normal 預設正常 italic 斜體 文字樣式 字型復合屬性 順序 swsf font font...

CSS核心屬性 文字屬性

1.文字類屬性 css語法 css語法由兩部分組成 選擇符 宣告 語法 選擇符 font family 字型型別 語法 說明 瀏覽器首先會尋找字型1.如果存在就是用改字型來顯示內容，如在字型1不存在的情況下，則會尋找字型2，如字型2也不存在，按字型3顯示內容，如字型3也不存在，則會按系統預設字型顯示...