font-size： 字型大小
值： 英文單詞：small，large
百分數注意：
網頁中預設字型大小是16px
網頁中預設最小字型大小是12px
字型大小16px： 文字寬和高都是16px（自己理解的）
設定字型一般使用偶數（推薦，瀏覽器方便解析）
font-weight: 字型粗細
值： 英文單詞： bold，bolder（加粗）
數字： 100-900
注意：
在網頁中只能看到兩種狀態：加粗（600-900）正常（100-500）
bold == 700，bolder == 900
通常在設定加粗中
font-weight：bold；
font-weight：700；
font-style： 字型樣式
值： normal : 正常的字型
italic : 斜體。對於沒有斜體變數的特殊字型，將應用oblique
oblique : 傾斜的字型
注意：
適用於英文單詞
font-family： 字型名稱
注意：
通常鏈結的都是本機中的字型
預設字型是微軟雅黑
font-family：」微軟雅黑」,」黑體」,」宋體」; 首先檢視是否有微軟雅黑有就使用，沒有就查詢黑體……如果都沒有就使用瀏覽器預設字型
使用的字型是中文要加上引號
color： 字型顏色
值： 英文單詞： red，blue，yellow
16進製制值： 以#開頭
rgb值或rgba值： a-alpha—透明度（0---1）
line-height: 設定行與行之間的間距
值： 數字： 代表當前字型大小的倍數
百分數： 當前字型大小的百分之幾
數字+單位（px）
注意：
專案中通常字型的行高設定為1.5倍
字型復合屬性設定方式
語法：font：font-style font-weight font-size/line-height font-family;
注意：
設定字型復合屬性是具有先後順序
每個屬性值之間用空格隔開
其他的可以不用設定，但font-size和font-family必須設定
專案中很少使用復合屬性，使用單個屬性
letter-spacing： 文字間距
word-spacing： 詞間距（英文單詞之間的間距）
text-align: 文字水平對齊
值： left： 左對齊（預設）
center： 居中對齊
right： 右對齊
justify： 兩端對齊（英文段落）
注意：
不能直接在行內元素上面設定對齊方式，只能在它最近的父級元素設定
vertical-align： 垂直對齊
值： top： 頂端對齊
middle： 中部對齊
bottom：底端對齊
注意：
單行文字垂直居中：line-height=height
text-indent： 首行縮排
值： 數字+單位（px，em，rem…）
百分數單位：
px： 畫素（網頁中最小的單位）
em： 相對值（相當於當前框內的字型大小）
百分數：相對值（相對於父級元素width的百分之幾）
white-space： 是否換行
值： normal： 預設處理方式（無論有多少空格只保留乙個空格，不保留換行符）
pre： 保留空格和換行符
nowrap：只保留乙個空格，不保留換行符，除非遇到br （強制性放在一行）
text-overflow： 文字溢位標識
值： clip： 不顯示省略標記（…），而是簡單的裁切
ellipsis： 當物件文字溢位時顯示省略標記（…）
注意：
單獨使用看不到效果，結合其他屬性一起用
text-overflow：ellipsis；white-space：nowrap；overflow：hidden（溢位隱藏）
專案中溢位產生省略號不是使用css實現，可以用js或者後台語言實現
text-transform： 改變英文大小寫
值： none： 預設值
capitalize： 單詞首字元大寫
uppercase： 設定大寫
lowercase： 設定小寫
text-decoration： 文字描述
值： none： 預設值（什麼線都沒有）
underline： 下劃線
line-through：貫穿線（刪除線）
overline： 上劃線
text-shadow: 文字陰影
值： ①： 陰影水平偏移值。可以為負值
②： 陰影垂直偏移值。可以為負值
③： 陰影模糊值。不允許負值
： 設定物件的陰影的顏色。
word-wrap： 文字換行
值： normal： 允許內容頂開或溢位指定的容器邊界
break-word： 在邊界內換行，單詞內部斷開
background： 背景屬性（復合屬性）
background：color image repeat position/size
background-color： 背景顏色
英文單詞： red，blue，yellow
16進製制值： 以#開頭
rgb值或rgba值： a-alpha—透明度（取值：0-1）
background-image：url(「」);
background-repeat： 是否平鋪
repeat： x軸y軸都平鋪（預設值）
repeat-x： x軸平鋪
repeat-y： y軸平鋪
no-repeat： 不平鋪
background-position: 背景定位
background-position：x軸（px，百分數） y軸（px，百分數）；
可以用方位：top，center，left，right，bottom
注意：如果只設定乙個值代表x軸上的值，y軸預設居中；如果只設定乙個方位則另乙個方位居中。
background-size 背景尺寸
width： 寬
height： 高
cover： 按照最遠邊等比例放大
contain： 按照最近邊等比例放大
如果只設定乙個值則代表寬度，高度等比例縮放
scroll: 預設。背景影象會隨著頁面其餘部分的滾動而移動。 （繫結到body上）
fixed: 當頁面的其餘部分滾動時，背景影象不會移動。（繫結到html標籤上）
background-clip
border-box： 從border區域（不含border）開始向外裁剪背景。
padding-box： 從padding區域（不含padding）開始向外裁剪背景。
content-box： 從content區域開始向外裁剪背景。
background-origin
多背景圖
background-image：url(「url」) no-repeat center,url(「url」);
減小的大小，增加訪問速度
CSS學習筆記 CSS基本屬性
p 規定文字粗細的屬性，font weight，取值有 數值 100 900之間整百取值，100就是細線 規定文字大小的屬性，font size，取值有 規定文字字型的屬性font famaly，取值為字型名稱 文字屬性的縮寫，多個屬性以空格隔開，要注意的是 簡寫格式中size和family是不能省...
CSS基本屬性
一 visibility屬性 display none 隱藏元素 visibility 顯示 隱藏的 取值 1 visible 預設的可見的 2 hidden 隱藏 依然佔據頁面空間 3 collapse 使用在 元素上 刪除一行和一列的時候不影響 的整體布局 diplay 和 visibility...
CSS基本屬性
background 背景 background color 背景色 background image 背景 background repeat 背景圖平鋪方式 簡寫 background gray url xx.png no repeat 背景色，背景，平鋪方式 font 字型 font styl...