display更改行內(nèi)標(biāo)簽?zāi)Ｊ?/h3>

display:inline ?//可將快標(biāo)簽改成行標(biāo)簽

display：block //可將行標(biāo)簽改寫成塊標(biāo)簽

display:none //可以將整個(gè)標(biāo)簽在頁面中移除掉

visibility:hidden //隱藏但還占用一行

display:inline-block //行內(nèi)塊

CSS顏色表示

rgb(3,99,178)//rgb(5%,20%,30%)

十六進(jìn)制的表示的方法：background-color:#0399B2;以"#"號(hào)開頭

CSS的長度單位

CSS字體樣式屬性

font-size設(shè)置字體大小

font-family設(shè)置字體的樣式

前者表示utf-8形式，可避免兼容性問題

字體系列

襯線體：字體有一些修飾的東西 ?

非襯線體：字體沒有修飾的東西

兩者差異

font-weight:字體加粗 ? ? ? eg:font-weight:700 ? ? ?//字體加粗不需要單位

font-style字體風(fēng)格 ? ?

font ?

font:font-style font-weight font-size font-family/font:字體樣式 字體是否加粗 字體大小 字體類型 ? (中間必須是空格隔開)

如有 不需要設(shè)置直接省略那一項(xiàng)，按順序?qū)懴乱豁?xiàng)設(shè)置

CSS文本外觀屬性

letter-spancing ? ? ?設(shè)置字符間距

英文/漢語一個(gè)字母/漢字，算一個(gè)字符

word-spacing ? ? ? ? 設(shè)置單詞之間的距離，單詞之間的區(qū)分是中間有空格分開

text-align ?設(shè)置水平位置的方向

line-height ? ?行高：文本頂部+文本的地一被行距

css定義行高：兩行文本之間的基線的距離就是行高 ? ? ? 兩條基線的距離：一倍的行距+文本頂部到文本的基線+ 文本基線到文本底部

中線midline穿過行中部

font:12px/12em "宋體" ? ? ? ? ? ? 設(shè)置字體為12px大小的宋體，且行高為12em

font:20px/1.5em ? ? ? ? ?line-height=20*1.5=30px ? ? ?上下邊距是：5px

font:20px/30px ? ? ? ? ? ? ?line-height=30px ? ? ? ? ?上下邊距是5px;

text-deraction ? ? ? ? ? ? ? ? 文本裝飾

text-indent ? ? 網(wǎng)頁中文本首行縮進(jìn)

white_space空格符的處理

word-break ?自動(dòng)換行

總結(jié)：設(shè)計(jì)一個(gè)網(wǎng)頁要有個(gè)思路，設(shè)置好版心，逐步分析設(shè)置