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