用CSS設(shè)置豐富的文字效果是div+css課本的第三章知識(shí)點(diǎn),這一章主要講的內(nèi)容是:CSS文字樣式;文字實(shí)例一:模擬Google公司Logo;CSS段落文字;段落實(shí)例:百度搜索。
css基本語(yǔ)法有如下:
1,css文字樣式
1)字體
font-family
2)文字大小
font-size
3)文字顏色
color
4 ) 文字粗細(xì)
font-weight
5) 斜體
font-style
6) 文字的下劃線(xiàn)、頂劃線(xiàn)和刪除線(xiàn)
text-decoration
7) 英文字母大小寫(xiě)
text-transform
這一節(jié)的經(jīng)驗(yàn)之談:
很多設(shè)計(jì)者喜歡使用各種各樣的字體來(lái)給頁(yè)面添彩,但這些字體 在大多數(shù)用戶(hù)的機(jī)器上都沒(méi)有安裝,因此一定要設(shè)置多個(gè)備選字體,避免瀏覽器直接替換成默認(rèn)的字體。最直接的方式是將使用了生僻字體的部分,用圖形軟件制作成小的圖片,再加載到頁(yè)面中。
2,css段落文字
1)段落的水平對(duì)齊方式
text-align
2)段落的垂直對(duì)齊方式
text-vertical
3)行間距和字間距
line-height line-spacing
最后面給同學(xué)們布置的作業(yè)有:
1,照抄課本第60頁(yè)實(shí)例;