第六章 文字格式化
1、字型
1）serif字型：適用於冗長的文字資訊，包括
times
、times new roman
、georgia
2）sans-serif字型：適用於標題，包括
arial
、helvetica
、verdana
3）monospaced字型：適用於計算機**，字型中每個字母都是等寬的
2、字型檔案型別
1）eot：只適用於
ie2）true type和
open type
：字尾為
.ttf
（true type）或.otf
（open type），用於進行文書處理和桌面印刷，以及用於網頁，適用於ie9
及之後的版本、
firefox
、chrome
、opera
、ios safari
（4.2
及其之後的版本）、
android
以及blackberry
瀏覽器3）woff：是true type和
open type
的壓縮版本，
android
和ie8
不支援4）svg：建立向量圖，ie和
firefox
不支援，
safari4.1
及其之前版本唯一支援的字型
3、@font-face或者是ol li:before
4）圖形專案符號：list-style-image:url(image/bullet.gif);
第七章 margin、
padding
和border
1、盒模型
2、邊距衝突：採用最大的那個邊距
3、邊距摺疊：在外圍元素周圍新增一點padding
或者新增一條
border
。水平邊距不會和浮動元素之間的邊距發生摺疊；絕對定位和相對定位的元素也不會發生摺疊
4、margin可以是負值，
padding
不可以是負值
5、塊級盒子（塊級標籤）：標題、
標籤、標籤、**、列表
6、行內盒子（行內標籤）：
標籤、標籤、建立表單域的各種標籤。可以用
left/right padding
或left/right margin
在行內元素的左邊或右邊新增空格，卻不可以用top/bottom padding
或top/bottom margin
來增加行內元素的高度，但
標籤是個例外
7、邊框：border:border-width border-style border-color
8、背景色：background-color
9、圓角或橢圓圓角：如border-radius:20px
或20px/40px
，ie8
及其更早的版本不支援
10、陰影：box-shadow
，包括水平偏移量、垂直偏移量、陰影半徑、陰影顏色；必須採用px或
em為單位，不能使用百分比；
ie8及其更早的版本不支援
11、盒子寬度：box-sizing:border-box
（包含padding
和border
寬度）/padding-box
（包含padding
寬度）/content-box
12、控制溢位：overflow:visible/scroll/auto/hidden
13、浮動：float:left/right/none
，web
瀏覽器將浮動的行內元素當作塊級元素對待；web瀏覽器會包圍浮動元素周圍的文字，但不會包圍邊框或背景，設定
overflow:hidden;
讓任何延伸到浮動下方的背景和邊框消失
14、停止浮動：clear:left/right/both/none
第1章 初識CSS3
css3是css2的公升級版本，3只是版本號，它在css2.1的基礎上增加了很多強大的新功能。目前主流瀏覽器chrome safari firefox opera 甚至360都已經支援了css3大部分功能了，ie10以後也開始全面支援css3了。在編寫css3樣式時，不同的瀏覽器可能需要不同的字首。...
第 22 章 CSS3 漸變效果
學習要點 1.線性漸變 2.徑向漸變 主講教師 李炎恢 本章主要 html5 中 css3 背景漸變功能，主要有兩種漸變方式 線性漸變和徑向 放射性 漸變。一 線性漸變 linear gradient 方位,起始色,末尾色 方位可選引數，漸變的方位。可以使用的值有 to top to top rig...
第 28 章 CSS3 多列布局
學習要點 1.早期多列問題 2.屬性及版本 3.屬性解釋 主講教師 李炎恢 本章主要 html5 中 css3 提供的多列布局，通過多列布局我們方便的建立流體的多列布局。一 早期多列問題 我們有時想布局成報紙 雜誌那樣的多列方式 至少兩列，一般三列以上 但早期 css 提供的布局方式都有著極大的限制...