text-indent
:20px/2em/2rem;
em:相對于父元素字型大小的參考單位
text-indent：-999；隱藏文字的另外做法
繼承性：text-，line-height，font- ， color
color
:1.屌絲程式設計師表示法：red，blue
2.標準程式設計師表示法 ：color：#6位16進製制 #234567：兩位一組
16進製制 16個數 0-9 a-f
3.文藝程式設計師表示法 rgb
(0-255,0-255,0-255,)
div，span，p，em，i…
行內元素中a比較特殊 雖然是個小盒子，但是可以裝大盒子
1：寬高完全取決於內容 人為設定不起作用
2：併排 超出父元素寬度自動折行
3：具有文字特性
1、預設寬度100% 取決於內容的高度 ；2、可以設定寬高，獨成一行。1：寬高設定起作用
2：併排放置
3：文字特性
盒模型的高度=height+padding-top+padding-bottom+border-top/bottom+margin-top/bottom
border
:1.邊框 border-width：1px
2.邊型 border-style：solid 實線 / dashed 虛線/ dotted小圓點/ double雙實線
3.邊色 border-color
應用：三角形
網頁如果過多–>請求次數多—>載入速度變慢–>使用者體驗變差
盡可能使用css**實現效果
調整內容與邊框的距離---->內邊距可以撐大盒子—>內減width—>
1：設定盒子與盒子之間的距離
2 :調整自身的位置 margin-left，margin-top 可以為0 負值
水平居中: margin: 0 auto
現象：外邊距塌陷現象只發生在垂直方向
現象：當子元素設定上外邊距時，父盒子
解決方案：
1：給父元素設定1px上外邊框或者1px上內邊距（分割公共區域）
2：既然預設渲染導致外邊距塌陷，就要使用瀏覽器的乙個規則去改變預設渲染。
規則：
bfc（塊級格式化上下文)：不是瀏覽器的預設規則，所以我們要觸發bfc規則
overflow：hidden–>可以觸發bfc規則
2：盒子垂直上下放置時
插入的另外一種方式
background：背景的顏色;背景的路徑；背景是否平鋪；背景的位置 背景是否附著；
:no-repeat/repeat預設/repeat-x/repeat-y;
background-position
:xpx ypx 70% 60% px/%;
background-attachment：fixed /scroll
css3的一些新特性
background rgba 254,255,200,0.75 例如上面 所示，前三個引數分別是分別是 r g b 三原色，範圍是 0 255。第四個引數是背景透明度，範圍是 0 1，如 0.5 代表透明度 50 這個屬性使我們在瀏覽器中也可以做到像 win7 一樣的半透明玻璃效果。css3圓角示...
css3的一些新特性
background rgba 254,255,200,0.75 例如上面 所示，前三個引數分別是分別是 r g b 三原色，範圍是 0 255。第四個引數是背景透明度，範圍是 0 1，如 0.5 代表透明度 50 這個屬性使我們在瀏覽器中也可以做到像 win7 一樣的半透明玻璃效果。css3圓角示...
CSS一些新特性的總結篇
本週學習了一些css3的新特性 在此做出總結記錄。設定元素的背景 背景或顏色 是否延伸到邊框下面 一般設定背景只會存在於content和padding這條屬性可以將背景衍生至邊框。引數值border box 背景延伸到邊框外沿 但是在邊框之下 padding box 邊框下面沒有背景，即背景延伸到內...