成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

CSS3文本屬性

CSS3 文本 

創(chuàng)新互聯(lián)建站從2013年創(chuàng)立,先為東興等服務(wù)建站,東興等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為東興企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

在Web頁面或者Web應(yīng)用程序中設(shè)置文本樣式是CSS最基本的要求, 早期的CSS文本功能就是給Web頁面設(shè)置文本的字體、字號、顏色、樣式、粗細、間距等。 隨著CSS3的出現(xiàn),文本功能不僅僅局限于這些基本的運用,它給文本功能添加了一些高級的屬性設(shè)置, 如文本陰影屬性text-shadow、文本自動換行屬性word- break、 長單詞與URL地址自動換行屬性word-wrap和文本溢出屬性text-overflow等,在 CSS文本功能上主要分為三大類: 字體、 顏色和文本,text-shadow 屬性一共包含4個屬性參數(shù), 每個屬性參數(shù)都具有自己的作用。 

-color:陰影顏色,定義繪制陰影時所使用的顏色,這個參數(shù)可以放在第一也可以放在最后,是一個可選參數(shù),如果沒有顯式設(shè)置陰影顏色,會使用文本的顏色作為陰影顏色。 陰影顏色可以是顏色關(guān)鍵詞、十六進制顏色、RGB顏色、RGBA透明色等。 

-x-offset: X軸位移, 用來指定陰影水平位移量,其值可以是正負值,如果為正值,陰影在對象的右邊,反之陰影在對象的左邊。 

-y-offset: Y軸位移, 用來指定陰影垂直方向偏移量,其值可以是正負值,如果為正值,陰影在對象的底部,反之陰影在對象的頂部。 

-blur-radius: 陰影模糊半徑,可選參數(shù),用來設(shè)置陰影的模糊半徑,代表陰影向外模糊的模糊范圍。這個值越大,陰影向外模糊的范圍越大,陰影的邊緣就越 模糊。不過這個值只能是正值,其值為0時,表示陰影不具有模糊效果。 

可以使用text-shadow屬性來給文本指定多個陰影, 并且針對每個陰影使用不同顏色。 指定多個陰影時使用逗號將多個陰影進行分隔。 text- shadow 多陰影效果按照給定的順序應(yīng)用, 因此前面的陰影有可能會覆蓋后面的, 但是它們永遠會覆蓋文本本身。

  1. CSS3 溢出文本

http:/ /www.iis7.com/b/plc/

CSS3溢出文本屬性平時在網(wǎng)頁制作中一定碰到過內(nèi)容溢出的問題, 如文章列表標題很長, 而其寬度又受到限制, 此時超出寬度的內(nèi)容就會以省略 標記(…) 顯示。 以前實現(xiàn)這樣的效果都是由后臺程序截取一定的字符數(shù)在前臺輸出,另外一種方法就是使用JavaScript截取一定的字符數(shù)實現(xiàn)??墒沁@兩種方法都有其 不足之處,如中文和英文的計算字符寬度的問題,這個值不好計算,所以造成截取字符數(shù)不好控制,從而其通用性也差。 CSS3新增了text-overflow 屬性, 使得 這個問題迎刃而解。

text-overflow 屬性參數(shù)比較簡單, 只有兩個屬性值。 

-clip: 不顯示省略標記(…), 只是簡單的裁切。 

-ellipsis: 文本溢出時顯示省略標記(…),省略標記插入的位置是最后一個字符。

強制文本在一行顯示( white- space: nowrap)和溢出內(nèi)容隱藏(overflow: hidden),并且需要定義容器的寬度。

text-overflow: ellipsis; overflow: hidden; 有省略號,需要這兩個屬性配合才有效,

text-overflow: clip; overflow: hidden; 直接隱藏,需要這兩個屬性配合才有效,

2. CSS3 文本換行

在CSS3中,使用word-wrap:break-word屬性實現(xiàn)長單詞與URL地址的自動換行。

-break-all:可以強行截斷英文單詞, 達到詞內(nèi)換行效果。 

-keep-all:不允許字斷開。如果是中文把前后標點符號內(nèi)的一個漢字短語整個換行,英文單詞整個換行;如果出現(xiàn)某個英文字符長度超過容器邊界,后面的部分將撐破容器; 如果邊框為固定屬性, 則后面部分無法顯示。

white-space 屬性主要用來聲明建立布局過程中如何處理元素中的空白符。

white-space 屬性取值簡單說明如下: 

-normal: 默認值。 空白處會被瀏覽器忽略。 可以通過這個值恢復(fù)到屬性的默認值。 

-pre: 文本空白處會被瀏覽器扣留,其行為方式類似于HTML中的<pre>標簽效果。 

-nowrap: 文本不會換行,文本會在同一行上,直到碰到換行標簽<br/>為止。 

-pre- line: 合并空白符序列,但保留換行符,此屬性不支持 IE 7. 0-、 Firefox 3. 0- 和 Opera 9. 2- 以下版本瀏覽器。 

-pre- wrap: 保留空白符序列, 但是正常進行換行, 此屬性值不支持 IE 7. 0 和 Firefox 3. 0 以下 版本瀏覽器。 

-inherit: 繼承父元素的white-space 屬性值, 此屬性值在所有的 IE瀏覽器都不支持。

網(wǎng)頁名稱:CSS3文本屬性
URL分享:http://jinyejixie.com/article24/pdchje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站商城網(wǎng)站、面包屑導(dǎo)航關(guān)鍵詞優(yōu)化、企業(yè)網(wǎng)站制作、Google

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)
陆川县| 阳谷县| 阳春市| 双柏县| 湘潭县| 湘潭县| 海晏县| 哈尔滨市| 边坝县| 盖州市| 武义县| 亳州市| 得荣县| 徐闻县| 雅安市| 常宁市| 微山县| 东海县| 乡宁县| 锡林郭勒盟| 鄂托克旗| 冷水江市| 滕州市| 乌拉特后旗| 斗六市| 得荣县| 新平| 潜江市| 佛学| 孟州市| 贡觉县| 湟中县| 平定县| 和顺县| 鄂伦春自治旗| 家居| 平邑县| 平和县| 云阳县| 榆中县| 平安县|