用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頁實例;