一、CSS樣式



外鏈樣式:


頁內(nèi)樣式:

行內(nèi)樣式:

二、CSS選擇器:
4種基礎(chǔ)選擇器:標簽選擇器、class選擇器、id選擇器和通用選擇器




兩種復合選擇器:后代選擇器、編組選擇器



編組選擇器

偽類選擇器:

三、css文本樣式:

文本區(qū)塊:


四、CSS背景:背景顏色和背景圖片







背景設置簡寫:

五、盒子模型



內(nèi)邊距

內(nèi)邊距會使元素變大,外邊距不會

margin的值設為auto,元素會居中顯示:

很多標簽自帶內(nèi)外邊距,但在各個瀏覽器中的邊距顯示有差別,為了兼容各瀏覽器,應先將邊距清零:

邊框border:


可以用border-top、border-botton、border-left、border-right設置上下左右邊框

浮動:


添加浮動后,元素為漂浮狀態(tài),塊級元素將可以被顯示在一行
清除浮動:


clear:left將忽略float:left的浮動效果,將box3顯示在box1的下面