網頁設計 9 4

2021-10-24 09:45:32 字數 1663 閱讀 7790

文字外觀屬性:

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 站...

網頁設計感想

當我新增乙個新的分類的時候,回看之間的那些分類,覺得自己真是小雞啄公尺,東啄一點點,西啄一點點。之前因為工作一直在做測試的事情,現在回到無錫,找不到測試的工作,對測試的關注也漸漸淡了下來,其實自己也不知道自己想幹什麼,我只是覺得無論是做什麼,我都相信自己可以做的很好,關鍵是有公司肯要我。今天開始做個...