用CSS設置豐富的文字效果(div+css課件ppt下載)
發布時間：2015/11/17 來源：做網站
用CSS設置豐富的文字效果是div+css課本的第三章知識點，這一章主要講的內容是：CSS文字樣式；文字實例一：模擬Google公司Logo；CSS段落文字；段落實例：百度搜索。
css基本語法有如下：
1，css文字樣式
1）字體
font-family
2）文字大小
font-size
3）文字顏色
color
4 ) 文字粗細
font-weight
5） 斜體
font-style
6） 文字的下劃線、頂劃線和刪除線
text-decoration
7） 英文字母大小寫
text-transform
這一節的經驗之談：
很多設計者喜歡使用各種各樣的字體來給頁面添彩，但這些字體 在大多數用戶的機器上都沒有安裝，因此一定要設置多個備選字體，避免瀏覽器直接替換成默認的字體。最直接的方式是將使用了生僻字體的部分，用圖形軟件制作成小的圖片，再加載到頁面中。
2，css段落文字
1）段落的水平對齊方式
text-align
2）段落的垂直對齊方式
text-vertical
3）行間距和字間距
line-height line-spacing
最后面給同學們布置的作業有：
1，照抄課本第60頁實例；
2，根據下圖效果寫相應的html頁面
用CSS設置豐富的文字效果(div+css課件ppt下載地址)：http://www.shanxisports.com.cn/BreviaryImg/03第3章用CSS設置豐富的文字效果.pptx
用CSS設置豐富的文字效果(div+css課件ppt下載地址)：http://www.shanxisports.com.cn/BreviaryImg/03第3章用CSS設置豐富的文字效果.pptx