網頁設計3 css2

2021-10-24 08:55:14 字數 1726 閱讀 7487

css文字樣式屬性

1、包括 :color letter-spacing word-spacing line-height text-align text-tranform

text-decoration text-indent white-space

2、color屬性用於定義文字的顏色,其取值方式有3種:

預定義的顏色值,red,green,blue等

十六進製制,rgb**

3、letter-spacing屬性用於定義字間距,所謂字間距就是字元與字元之間的空白。

其屬性值可為不同單位的數值,允許使用負值,預設為normal。

4、word-spacing屬性用於定義英文單詞之間的距離,對中文字元無效。

用於定義英文單詞之間的間距,和letter-spacing一樣,其屬性值可為不同單位的數值,允許使用負值,預設為normal。

5、;ine-height屬性用於設定行間距,所謂行間距就是行與行之間的距離,即字元的垂直間距,一般稱為行高。

line-height常用的屬性值單位有三種,分別為畫素px,相對值em和百分比%,實際工作中使用最多的是畫素px。

6、text-transform屬性用於控制英文本元的大小寫。

其可用屬性值如下:

none:不轉換(預設值)

capitalize:首 字母大寫

uppercase:全部字元轉換為大寫。

lowercase:全部字元轉換為小寫。

7、text-decoration屬性用於設定文字的下劃線,上劃線,刪除線等裝飾效果。

其可用屬性值如下:

none:沒有裝飾(正常文字預設值)。

underline:下劃線。

overline:上劃線。

line-through:刪除線。

8、text-align屬性用於設定文字內容水平對齊,相當於html中的align對齊屬性。

其可用屬性值如下:

left:左對齊(預設值)

right:右對齊。

center:居中對齊。

9、text-indent屬性用於設定首行文字的縮排。

其屬性值可為不同單位的數值、em字元寬度的倍數、或相對於瀏覽器視窗寬度的 百分比%,允許使用負值, 建議使用em作為設定單位。

10、white-space屬性可設定空白符的處理方式。

其屬性值如下:

normal:常規(預設值),文字中的空格、空行無效,滿行(到達區域邊界)後自動換行。

pre:預格式化,按文件的書寫格式保留空格、空行原樣顯示。

nowrap:空格空行無效,強制文字不能換行,除非遇到換行標記

。內容超出元素的邊界也不換行,若超出瀏覽器頁面則會自動增加滾動條。

11、使用text-shadow屬性可以為頁面中的文字新增陰影效果。選擇器

12、text-overflow屬性用於標示物件內溢位的文字。選擇器

text-overflow屬性的常用取值有兩個:

clip:修剪溢位文字,不顯示省略標記「…」。

ellipsis:用省略標記「…」標示被修剪文字,省略標記插入的位置是最後乙個字元。

14、可以使用text-shadow屬性給文字新增多個陰影

網頁設計2

第五種,插畫風格 在網頁設計中,除了使用大量的作為背景或主體元素外,圖形插畫的運通也是一種很好的方式,網頁banner可以運用插畫來表達 主題,同時加上插畫圖標的點綴,使得網頁看起來清新有趣,加強 本身的獨特性。第六種,黑板風格 雖然黑板風格不是乙個常見的風格,但是其經典的使用方式和延伸效果同樣可以...

網頁設計基礎3

網頁設計基礎31.邊框樣式 border style 上 右 下 左 border style 上 左右 下 border style 上下 左右 注意 綜合設定四邊樣式,必須按照上右下左的順序,省略時採用值複製的原則,即乙個值為四邊,兩個值為上下 左右,三個值為上 左右 下。覆蓋式 p p2.邊框...

靈活XHTML和CSS網頁設計2 導航選單的設計

簡單列舉下設計導航選單時要考慮的一些因素 1,完全基於的選單導航意味著弱視的人無法調整選單字型的大小。而且每次更新選單時都要製作。2,用無序列表 ul 做選單,對不同瀏覽器和裝置 如移動裝置 更具親和性。3,基於文字的選單容易更新和修改 4,在導航選單的細節設計時,創意地利用背景可以美觀而又不缺乏靈...