1.css：層疊樣式表
background-color；背景顏色
font-size；文字大小
font-family；字型型別
color；字型顏色
list-style:none；去小黑點
text-decoration:none；去下劃線
text-alingn:center；居中或水平居中
line-height：50px；垂直居中
border-bottom：2px solid red;直線 為2px 紅色
list-style-imge:ur：（）
cursor：pointer；滑鼠進入有小手 這個用於為類選擇器hover中
css引入方式：
行內引入：
內部引入：head標籤內
借助style
外部引入：
優先順序：就近一致
2.選擇器：
基本選擇器：
標籤選擇器、元屬選擇器 比如
型別選擇器：class屬性
比如 .點
id選擇器：id屬性 比如
# 井id選這群》類選擇器》標籤選擇器
後代選擇器：
1. .box p
2. .box>p
屬性選擇器：
input[type=『text』]
為類選擇器：
a: link{}:超連結沒有訪問前預設狀態
a: visitied{}:超連結已經訪問後預設狀態
a: hover:{} 當滑鼠懸停的時候 顯示的狀態
a: active{}:滑鼠按下時的狀態
遵從愛恨原則 lovehate
選擇器：hover常用
3.浮動：
浮動後一定不會擋住文字
可以讓塊級元素 在一排顯示
塊級元素：獨佔一行顯示
行內元素：一行可以展示多個元素
使用浮動的元素 會脫離文件流
浮動既可以向左符 也可以向右浮
float:left;向左
float:right;向右
消除浮動的影響
overflow:hidden;
設定高度
在被影響的元素上 +樣式 clear:both;
4.定位：
position：stati；:靜態的
position：releative；相對的 相對本身原來的位置進行定位不會釋放自己之前的位置top；上邊的邊距 left；左邊的邊距
position：absolute；絕對定位 會脫離文件流 相對已經定位的父元素進行定位，如果沿著繼承關係 都沒有發現定位的父元素 則 相對 body進行定位
top：上邊的邊距 left：左邊的邊距
position：fixed:固定定位
top：上邊的邊距 left：左邊的邊距
z-index； 值越大 代表距離使用者越近
5.盒模型：
margin:外邊距
padding:內邊距
border:邊框
content:內容
6.邊框：
margin：0px auto；上下左右平分
border：1px solid red； 設定邊框為1px的實線 顏色為紅色
border-radius：50% 設定圓角 值越大 園越厲害
left：10px solid； 設定一邊
7.快速生成法：
div.box>ul>li
5>a[href=「連線」]>
乙個div class名為box 下乙個ul下五個li 下乙個a標籤加著連線
前面和上邊一樣+p就是前面基礎上加乙個p標籤
前端CSS選擇器 盒子 定位
1.2 層次選擇器 1.3 偽類選擇器 1.4 偽元素選擇器 1.5 屬性選擇器 2.盒子 3.定位 選擇器是css3中乙個重要內容，使用選擇器可以大幅度提高開發人員書寫和修改樣式表的效率，減少冗雜的 便於開發。選擇器包括基礎選擇器，層次選擇器，偽類選擇器，偽元素選擇器，屬性選擇器。如果所有的元素都...
css樣式之 浮動 盒子模型 定位
1.塊級元素 1.1 常用的塊級元素 div p h1 h6 ul ol li hr table 1.2 塊級元素的特點 1.2.1 塊級元素預設顯示在父標籤的左上角。1.2.2 塊級元素預設沾滿一行 沾滿整個文件流 1.2.3 塊級元素可以變為行內元素 display inline 變為行內元素 ...
CSS樣式選擇器
1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...