HTML標記一般分為塊標記和行內(nèi)標記兩種類型沿癞，它們也稱塊元素和行內(nèi)元素。具體如下：
塊元素
每個塊元素通常都會獨自占據(jù)一整行或多整行吮铭，可以對其設(shè)置寬度时迫、高度、對齊等屬性谓晌，常用于網(wǎng)頁布局和網(wǎng)頁結(jié)構(gòu)的搭建。
塊級元素容器可以容納多個嵌套的塊級標簽或者行內(nèi)標簽。
常見的塊元素有<h1>-<h6>,<p>,div,ul,ol,li等,其中
<div>標記是最典型的塊元素株婴。
CSS的標簽?zāi)Ｊ皆O(shè)置Display屬性
display可以控制標簽的顯示模式揖铜。
display：none | inline | block | inline-block
繼承性：無
display值的解釋：
none ：此元素不被顯示，在文檔中被移除柏肪。
block ：此元素按塊級元素顯示：前后帶換行符姐刁，自己占一行。內(nèi)聯(lián)元素 → 塊元素
inline ：此元素按內(nèi)聯(lián)元素顯示：1個挨著1個烦味。塊元素 → 內(nèi)聯(lián)元素
inline-block：按行內(nèi)標簽進行排版聂使，但是可以設(shè)置寬高，而且高度可以影響行高（以后再詳細講）谬俄。
通過設(shè)置Display為none岩遗，那么可以讓這整個標簽在頁面中移除掉
對比一下：
/*display: none;*/? /*直接把當前標簽從頁面中直接移除了，不影響頁面的布局*/
visibility: hidden; ? /*這個只是不顯示凤瘦，但還是占用頁面的空間*
行內(nèi)不可以設(shè)置寬高,塊級可以.行內(nèi)元素只能通過內(nèi)容來撐開.只有左右邊距.如果你設(shè)置了寬高是不會影響行內(nèi)元素的顯示的宿礁。
CSS的顏色表示
盡量用16進制表示.
CSS的長度單位
絕對長度單位：
cm：厘米，mm：毫米蔬芥，in：英寸梆靖，pc：派卡（Picas），相當于我國新四號鉛字的尺寸笔诵。都不常用返吻，了解即可。
相對長度單位：
px：像素點乎婿，像素就是顯示器顯示的一個點测僵。
em：1em 等于當前的字體大小，例如：當前元素的字體大小為16px，那么1em = 16px捍靠。
單位之間的關(guān)系：1in = 2.54cm = 25.4 mm? = = 96px
p { width: 1in; height:20px; }
在PC時代主要以px為主沐旨。在移動web時代主要以： em、rem榨婆、pw磁携、ph、百分比等來做布局的設(shè)置良风。
相對單位解釋：像素是相對單位谊迄。不同平面尺寸可以是相同的分辨率，也就相同的像素大小烟央，對應(yīng)的實際的尺寸可能不同统诺。
文字排版
CSS字體樣式屬性
1、font-size:字號大小
font-size屬性用于設(shè)置字號疑俭，該屬性的值可以使用相對長度單位粮呢，也可以使用絕對長度單位。
其中怠硼，相對長度單位比較常用鬼贱，推薦使用像素單位px，絕對長度單位使用較少香璃。
可選參數(shù)值：xx-small | x-small | small | medium | large | x-large | xx-large|smaller | larger?
盡量不要用上面的.
一般頁面中：12px? ? ? 14px? 12cm
1em
例如：
p { font-size: 32px; }
font-family:字體
font-family屬性用于設(shè)置字體这难。網(wǎng)頁中常用的字體有宋體、微軟雅黑葡秒、黑體等姻乓，例如將網(wǎng)頁中所有段落文本的字體設(shè)置為微軟雅黑，可以使用如下CSS樣式代碼：
可以同時指定多個字體眯牧，中間以逗號隔開蹋岩，表示如果瀏覽器不支持第一個字體，則會嘗試下一個学少，直到找到合適的字體剪个。如果字體名稱包含空格或中文，則應(yīng)使用引號括起
例如：font-family:Verdana, Arial, '宋體';
使用font-family設(shè)置字體時版确，需要注意以下幾點：
? 各種字體之間必須使用英文狀態(tài)下的逗號隔開扣囊。
? 中文字體需要加英文狀態(tài)下的引號，英文字體一般不需要加引號绒疗。當需要設(shè)置英文字體時侵歇，英文字體名必須位于中文字體名之前。
? 如果字體名中包含空格吓蘑、#惕虑、$等符號，則該字體必須加英文狀態(tài)下的單引號或雙引號，例如font-family: "Times New Roman";溃蔫。
? 盡量使用系統(tǒng)默認字體健提，保證在任何用戶的瀏覽器中都能正確顯示。
使用font-family設(shè)置字體時酒唉，需要注意以下幾點：
在 CSS 中設(shè)置字體名稱矩桂，直接寫中文是可以的沸移。但是在文件編碼（GB2312痪伦、UTF-8 等）不匹配時會產(chǎn)生亂碼的錯誤。
為此雹锣，在 CSS 直接使用 Unicode 編碼來寫字體名稱可以避免這些錯誤网沾。使用 Unicode 寫中文字體名稱，瀏覽器是可以正確的解析的蕊爵。
font-family: "\5FAE\8F6F\96C5\9ED1"辉哥，表示設(shè)置字體為“微軟雅黑”。
可以通過escape()? 來得到
盡量用unicode或者英文名
字體系列
西方國家字母體系分為兩類：serif以及sans serif攒射。
serif是有襯線字體醋旦，意思是在字的筆畫開始、結(jié)束的地方有額外的裝飾会放，而且筆畫的粗細會有所不同饲齐。相反的，sans serif就沒有這些額外的裝飾咧最，而且筆畫的粗細差不多捂人。
為了更安全的設(shè)置：
font-famliy:? tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
前面的字體都查找失敗后，在系統(tǒng)中找一種sans-serif字體作為默認字體矢沿。
注意順序滥搭，如果把sans-serif放前面去，后面的都失效了捣鲸。
font-weight:字體粗細
font-weight屬性用于定義字體的粗細瑟匆，其可用屬性值：normal、bold栽惶、bolder愁溜、lighter、100~900（100的整數(shù)倍）媒役，有繼承性祝谚。
400 ： Normal
700：bold
建議使用數(shù)字
字體的加粗跟字體有關(guān)，比如：一種字體只有兩種粗細程度的變化酣衷，那么normal 到bold 和到bolder都是一樣的效果交惯。
font-style:字體風(fēng)格
font-style屬性用于定義字體風(fēng)格，如設(shè)置斜體、傾斜或正常字體席爽，其可用屬性值如下：
normal：默認值意荤，瀏覽器會顯示標準的字體樣式。
italic：瀏覽器會使用斜體的字體樣式顯示只锻，如果字體沒有斜體玖像，那么正常顯示字體。
oblique：瀏覽器會讓文字傾斜顯示齐饮。捐寥。
font:綜合設(shè)置字體樣式
font屬性用于對字體樣式進行綜合設(shè)置，其基本語法格式如下：
選擇器{font: font-style? font-weight? font-size/line-height? font-family;}
使用font屬性時祖驱，必須按上面語法格式中的順序書寫握恳，各個屬性以空格隔開。
其中不需要設(shè)置的屬性可以省略（取默認值）捺僻，但必須保留font-size和font-family屬性乡洼，否則font屬性將不起作用。
盡量用合寫的方式.
淘寶的字體設(shè)置：font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
