1.1 color
文字顏色：
屬性值：三種色值表示法都可以使用
1 color
: #b30000; //十六進製制表示法
2 color
:rgb
(255,0,0)
; //rgb()
3 color
: red; //單詞表示法
設定文字是否傾斜
預設值：normal（正常）
傾斜： oblique(普通傾斜)
傾斜： italic(使用，將有傾斜字型的英文進行替換)
1 font-style
: oblique;
2 font-style
: italic;
設定文字是否加粗
預設值： normal(正常) 500
加粗： bold 700
屬性值：100-900（沒有單位）
1 font-weight
: 700;
字型大小：單位是px
工作中讀取設計師標註
現在需要自己手動測量。
粗略的測量：直接測量文字高度。
瀏覽器有最小字型大小，超過最小字型大小，預設顯示最小字型大小。（chrome最小字型大小12px）
1.5 line-height
行高：一行文字實際占有的高度。
特點：文字在行高內垂直居中。
單位是px;
1 line-height
: 100px;
1 div.box1
1 .box2
一般我們使用字型，使用計算機預設自帶字型，特殊的字型，計算上沒有，那麼不能正常渲染。
英文本型： arial
中文： microsoft yahei,備用字型simsun;
1 /*字型 先書寫英文本型，在書寫中文字型*/
2 font-family
:"arial","microsoft yahei","simsun"
;
屬性值可以省略，表示預設值，至少要書寫字型大小，字型。
1 font
: 是否傾斜 是否加粗 字型大小/行高 字型;
2 font
: italic bold 30px/100px "arial","microsoft yahei"
;//風格，粗細，大小
設定文字首行縮排。
單位是em。2em表示首行縮排2漢字
1 text-indent
: 2em;
1 text-indent
: 20%;
1 text-indent
: 100px;
設定文字水平左右居中。
屬性值：
預設值： left(靠左)
靠右（right）
居中（center）
1 text-align: center;text-align
: center; 設定文字居中（單行，多行）
文字是否設定下劃線
預設值（除了a標籤）：
沒有下劃線： none
下劃線： underline
1 text-decoration
: none;
2 text-decoration
: underline;
六要素：
width: 盒子內容寬度
height: 盒子內容高度
border: 邊框
padding: 內邊距
margin: 外邊距
background：背景
內容區域：
內容寬 = width
內容高 = height
實際占有區域：
實際占有寬度 = width + padding * 2 + border * 2
實際占有高度 = height + padding * 2 + border * 2
計算：實際寬 = 500 + 50 * 2 + 10 * 2 = 620px
實際高 = 300 + 50 * 2 + 10 * 2 = 420px
一般經常給出的是盒子占有寬高，需要我們計算出盒子的內容寬和高。
盒子內容寬 width = 盒子實際寬度 - padding * 2 - border * 2
盒子內容高 height = 盒子實際高度 - padding * 2 - border * 2
盒子寬度是500px,盒子高度是 300px，內邊距是50px，邊框是20px，計算盒子內容寬和高度
width = 500 - 50 * 2 - 20 * 2 = 360px
height = 300- 50* 2 - 20 *2 = 160px
背景（背景色和背景圖）渲染區域：邊框以內（padding區域可以渲染背景）
1 background-image
:url(images/star.gif)
;
內邊距： 內容到內邊框之間的距離。
padding:也是復合屬性，可以按照方向進行拆分
padding-left
padding-right
padding-top
padding-bottom
可以書寫復合寫法：
四值法：上 右 下 左；
1 padding
: 30px 40px 50px 60px;
1 padding
: 30px 50px 60px;
1 padding
: 30px 50px;
1 padding
: 30px;
1 padding
: 30px;
2 padding-left
: 100px;
外邊距： 盒子之間的距離
用法和padding 一樣
margin也是復合屬性可以按照方向拆分
1 margin-left
2 margin-right
3 margin-top
4 margin-bottom
可以書寫復合寫法：
四值法： 上 右 下 左；（三值法，二值法，單值法）
1 margin
: 20px 30px 40px 50px;
1 margin
: 30px 50px 60px;
1 margin
: 30px 50px;
1 margin
: 30px;
color
font-size:
font-style
font-weight
font-family
font-variant
text-decoration
text-indent
text-tranform
text-align
vertical-align
line-height
word-spacing
letter-spacing
盒子的六個要素
width
height
border
margin
padding
background
初學CSS 2 文字的屬性
文字裝飾屬性 格式 text decoration underline 取值 underline 下劃線 line through 刪除線 overline 上劃線 none 什麼都沒有 none最常見的用途是用於去掉超連結的下劃線。快捷鍵 tdu tdl tdo tdn tab鍵 文字水平對齊屬性...
CSS 2 常見樣式
1.css計量單位 css中表示寬度 距離時有多種計量單位 px 畫素 30 百分比 em 相對單位 等。width 20px。2.background color red 背景顏色 color 文字顏色。3.復合樣式 background border等。4.1 border style soli...
css基礎 3 文字樣式
字型作為網頁最常用元素，可以使用font設定字型大小 粗細 型別等等，總結常用樣式設定如下 屬性設定型別 注意font size 字型大小 單位常用px font family 字型族字型風格視開發需求而定 font weight 字型粗細 normal 400正常，bold 700加粗，數字沒有單...