上接筆記4-Css基礎知識
1.3尺寸大小
cm：釐米
mm：毫米
in：英寸（inch）
px：像素（pixel）
%：百分比
em:<em> 標籤告訴瀏覽器把其中的文本表示爲強調的內容。
vw和vb:vh and vw：相對於視口的高度和寬度，而不是父元素的（CSS百分比是相對於包含它的最近的父元素的高度和寬度）。
1vh 等於1/100的視口高度，1vw 等於1/100的視口寬度。
比如：瀏覽器高度900px，寬度爲750px, 1 vh = 900px/100 = 9 px，1vw = 750px/100 = 7.5 px。
px：絕對單位，%相對尺寸單位。
哪些是絕對單位，那些是相對單位？
絕對單位：用基本量(例如長度、時間、質量及電荷或電流)的單位所規定的單位,稱爲絕對單位。這些單位在任何時刻、任何地點都取固定的數值。
相對單位：以基本量作爲參考值，根據這個參考值來使用單位，稱爲絕對單位。
2基礎屬性
屬性名：屬性值：
background-color：red
p{
background-color：red；
font-size：24px；
}
2.1字體屬性
font-family：字體名稱
font-size：字體大小
font-style：字形(斜體等)
font-variant：字體變化（如大寫）
font-weight:字體粗細
<style
type="text/css">
td{
font-size:60px;
width:300px;
height:200px;
text-align:justify;
vertical-align:middle;
}
</style>
可以簡寫：
Font-style font-variant font-weight font-size font-family
前面三個可省略，使用默認值，font-size和font-family必須指定值。
這種書寫方式更加簡潔
P{
font:60px宋體;
}
2.2文本相關屬性
文本相關屬性主要包括顏色、對齊方式，修飾效果等。
color：設置文本的顏色
text-decoration：
默認值：none，沒有裝飾效果
下劃線：underline
overline：上劃線
line-through：刪除線
text-shadow：增加陰影
例如：
text-shadow:5px10px gray;
這條代碼的含義是：定義一個灰色的背景，其水平方向向上左移5px，垂直向上上移10px。
第一個參數定義水平方向，第二個定義垂直方向。
正負值方向相反。
direction： rtl從左到右
ltr從右到左
text-align： right右對齊
left左對齊
center居中
justify兩端對齊
vertical-align：文本垂直對齊方式： top靠上對齊
bottom靠下對齊
middle垂直居中對齊
text-indent：文本縮進
lettrt-spacing:字符之間的距離
word-spacing:單詞(字）之間的距離
line-leight：設置行高，實際上是調整行間距