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,在導航選單的細節設計時,創意地利用背景可以美觀而又不缺乏靈...