文字外觀屬性:
1.color屬性:用於定義文字的顏色,其取值方式有如下3種:
預定義的顏色值,如red,green,blue等。
十六進製制,如#ff0000,#ff6600,#29d794等。實際工作中,十六進製制是最常用的定義顏色的方式。
rgb**,如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。
2.letter-spacing屬性:用於定義字間距,所謂字間距就是字元與字元之間的空白。其屬性值可為不同單位的數值,允許使用負值,預設為normal。
3.word-spacing屬性:用於定義英文單詞之間的間距,對中文字元無效。和letter-spacing一樣,其屬性值可為不同單位的數值,允許使用負值,預設為normal。
4.line-height屬性用於設定行間距,所謂行間距就是行與行之間的距離,即字元的垂直間距,一般稱為行高。常用的屬性值單位有三種,分別為畫素px,相對值em和百分比%,實際工作中使用最多的是畫素px。
5.text-transform屬性:用於控制英文本元的大小寫。
屬性值如下:
none:不轉換(預設值)。
capitalize:首字母大寫。
uppercase:全部字元轉換為大寫。
lowercase:全部字元轉換為小寫。
6.text-decoration屬性:用於設定文字的下劃線,上劃線,刪除線等裝飾效果。
可用屬性值如下:
none:沒有裝飾(正常文字預設值)。
underline:下劃線。
overline:上劃線。
line-through:刪除線
7.text-align屬性:用於設定文字內容水平對齊,相當於html中的align對齊屬性。
可用屬性值如下:
left:左對齊(預設值)
right:右對齊。
center:居中對齊。
8.text-indent屬性:用於設定首行文字的縮排。屬性值可為不同單位的數值、em字元寬度的倍數、或相對於瀏覽器視窗寬度的百分比%,允許使用負值, 建議使用em作為設定單位。
9.white-space屬性:可設定空白符的處理方式。
屬性值如下:
normal:常規(預設值),文字中的空格、空行無效,滿行(到達區域邊界)後自動換行。
pre:預格式化,按文件的書寫格式保留空格、空行原樣顯示。
nowrap:空格空行無效,強制文字不能換行,除非遇到換行標記
。內容超出元素的邊界也不換行,若超出瀏覽器頁面則會自動增加滾動條。
**10:text-shadow:使用text-shadow屬性可以為頁面中的文字新增陰影效果。
選擇器加粗樣式
*****11:text-overflow屬性:用於標示物件內溢位的文字。
選擇器常用取值有兩個:
clip:修剪溢位文字,不顯示省略標記「…」。
ellipsis:用省略標記「…」標示被修剪文字,省略標記插入的位置是最後乙個字元
文字外觀屬性:
設定省略標記標示溢位文字的具體步驟如下:
1.為包含文字的物件定義寬度。
2.應用「white-space:nowrap;」樣式強制文字不能換行。
3.應用「overflow:hidden;」樣式隱藏溢位文字。
4.應用「text-overflow:ellipsis;」樣式顯示省略標記。
dw網頁設計期末設計乙個網頁 網頁設計
在進行 製作前,首先要進行 頁面的整體設計。乙個 是由若干個網頁構成的,網頁是使用者訪問 的介面。因此,通常意義上的 設計,即指的是 中各個頁面的設計。而網頁設計中,最先提到的就是網頁的布局。布局是否合理 美觀,將直接影響到使用者的閱讀體驗及訪問時間。在網際網路高速發展的今天,網路已成為人們生活的一...
網頁設計相關網頁大全
一 網頁設計類 二 圖象處理類 設計中國 中國photoshop聯盟 http www.chinaddu.com 影象谷 http www.pstxg.com 三 動畫設計類 四 網頁素材類 桌面城市 http www.deskcity.com 素材精品屋 http www.sucaiw.com 站...
網頁設計感想
當我新增乙個新的分類的時候,回看之間的那些分類,覺得自己真是小雞啄公尺,東啄一點點,西啄一點點。之前因為工作一直在做測試的事情,現在回到無錫,找不到測試的工作,對測試的關注也漸漸淡了下來,其實自己也不知道自己想幹什麼,我只是覺得無論是做什麼,我都相信自己可以做的很好,關鍵是有公司肯要我。今天開始做個...