文字屬性 標識符 作用 屬性值
font-family: 定義文字類型,順序尋找,先找到的為選定值,若都找不到則用默認值 宋體,黑體等
font-style: 定義字體風格。 normal(標準)italic(斜體)oblique(傾斜)
font-variant: 改變英文字母的顯示 normal,small-caps(小型大寫字母)
font-weight: 使字體加粗 normal(相當于400),bold,lighter,bolder或100~900的九個數
font-size: 定義字體大小 任意數字,以pt(點陣)、px(屏幕象素)為單位
文本屬性 text-decoration: 修飾文字 underline(加下劃線)overline(加上劃線)line-thought(加刪除線)none(清除下劃線,缺省)
text-align: 文本的顯示位置及方式 left,right,center,justify(從左到右對齊)
顏色屬性 color: 定義字體顏色 1.以英文單詞為關鍵字
2.以十六進制3.用RGB值,用法:RGB(255,0,0) 0~255
背景屬性
background-color: 定義背景顏色 同于"顏色屬性"的用法
background-image: 定義背景圖象 用法:body{background-image:url(bg.gif)}
其中"bg.jif"為任意圖片
background-repeat: 按不同方式復制背景 repeat-x:按水平方向復制
repeat-y:按垂直方式復制
background-attachment 背景的固定 scroll:背景內容隨前景一起滾動
fixed:背景不動
background-position: 定義背景位置 top:背景與前景內容頂部對齊
bottom,left,right
方式:xxpt xxpt或x% x%或left top
(以兩個英文單詞為組合,注意:中間有空格!!)
邊界屬性 margin-top: 對象上邊界 缺省值為:0
關鍵字:auto
數值:pt,px,in(英寸),cm(厘米)為單位
margin-right: 對象右邊界 同上.
margin-bottom: 對象下邊界 同上.
margin-left: 對象左邊界 同上.
邊界的簡潔設置 形式 注解
DIV{margin:10cm} 所有邊界為10cm
DIV{margin:10cm 3cm} 上下為10cm,左右為3cm
DIV{margin:1cm 3cm 5cm 7cm} 上為1cm,右為3cm,下為5cm,左為7cm。
40個可愛粉色兒童房設計裝修設計2018-04-22
100款國外食品包裝設計集包裝設計2017-07-17
40幅日本海報設計作品海報設計2017-07-04
46款茶品牌和包裝設計欣賞包裝設計2017-04-14
20款現代簡約風格名片設計名片設計2016-04-18
59款日本優秀logo設計欣賞標志設計2016-03-29
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17
CSS定位屬性Position詳解CSS教程2009-09-17
CSS布局教程:絕對定位和相CSS教程2009-07-15