2、選擇器
3、常用的屬性
3.4 背景background
3.5 標籤顯示模式 display
一般少用，不推薦
backgroung-color: blue">標籤選擇器 標籤名
id選擇器 #id名 id值
類選擇器 .類名 class值
萬用字元選擇器 *
交集選擇器 之間無空格 即..又..
並集選擇器 之間加逗號 用於集體宣告
後代選擇器 之間加空格 選擇子孫後代
子元素選擇器 之間加 > 號 選擇親兒子
偽類選擇器 在不同狀態下的顯示情況
color：設定文字顏色
text-align ：設定文字水平方向對齊方式，對塊級元素生效
text-decoration ：設定文字的裝飾效果，underline下劃線 預設none， overline上劃線 ， line-through中劃線
text-indent ：設定文字首行縮排 px / em相對當前元素的大小的倍數
font-size ：16px; [文字字型大小 ]
font-weight ：400; [文字加粗 100—400（normal）—700（bold)]
font-style ：normal（正常 ） / italic（傾斜）;
font-family ：設定字型 字型名稱含有空格，中文用引號，多個字型間用逗號隔開，先寫英文後寫中文
line-height ：30px; [設定行高等於高，使單行文字垂直居中]
綜合屬性寫法：font：style weight size（必需屬性） line-height family（必須屬性）
外盒尺寸 = margin+border+padding+content
內盒尺寸 = border+padding+content
width/height：內容寬度高度 , 不是盒子真實寬。width和height適用於塊級元素，對行內元素無效（img和input除外）
padding： 內邊距，會撐開盒子 上右下左順時針。判斷padding是否影響盒子大小，若盒子沒有給寬高或繼承父親的寬高，則padding不會影響盒子大小。
border：邊框 相鄰邊框合併在一起 border-collapse：collapse；
margin：外邊距
width > padding > margina、相鄰或垂直的盒子
其外邊距不是 1+1=2，而是以最大外邊距為合併後的外邊距。
解決方法：盡量只給乙個盒子設定margin
b、巢狀塊元素垂直外邊距合併（塌陷）
解決方法：給父元素定義上邊框 border；
給父元素定義上內邊距：padding；
給父元素新增overflow：hidden；
1. 必須有寬度；
2. 左右外邊距設定為auto。 margin：0 auto；
文字陰影：
text-shadow：水平距離 | 垂直距離 | 模糊距離 | 陰影顏色；
盒子陰影：
box-shadow：水平距離 | 垂直距離 | 模糊距離 | 陰影尺寸 | 顏色 | 內**影（預設outset/內陰影inset）
background-color：rgba（0，0，0，.3）| #fff | red ；background-image：url（內無引號）；
為避免背景色將蓋住，背景色通常定義在最後一組。
background-repeat：repeat（平鋪） | no-repeat（不平鋪） | repeat-x（水平方向平鋪） | repeat-y（垂直方向平鋪）；background-position：length（%或px，預設左上角）| position （top/center/bottom | left/center/right）background-attachment：scroll（滾動 預設）| fixed（固定）background：color url repeat scroll center top ；-注意：標籤內不能包含特點：獨自佔一行 | 寬預設100% | 內可放行內元素和行內塊元素 | 寬高內邊距外邊距都可控制。特點：相鄰元素佔一行 | 預設寬為文字寬 | 內可放文字和其他行內元素 | 寬高設定無效 ，水平方向的padding和margin可設定。特點：與相鄰行內元素或行內塊元素在一行 | 之間有空白間隙 | 預設寬為本身寬度 | 高度 行高 內外邊距都可設定 。塊轉行內：display：inline；
行內轉塊：display: block；
轉為行內塊：display：inline-block；
小白也能看懂的css基礎（三）
接上文 css基礎 二 解決方法 對img設定display block 調整vertical align 取值 top middle bottom 結合實際來選擇解決方法 ie相容問題 ie8以下瀏覽器背景復合屬性寫法問題 bg url和no repeat之間沒有空格，在ie8以下顯示異常。ie6...
小白也能看懂的XML簡介
目錄 一.xml簡介 二 xml用途 三 xml結構 四 xml語法 五 xml元素 六 xml屬性 七 總結 1.xml指可擴充套件標記語言，很類似html。xml被設計為傳輸和儲存資料，其焦點是資料的內容 html被設計用來顯示資料，其焦點是資料的外觀。2.xml的設計宗旨是傳輸資料，而非顯示資...
小白也能看懂的Cookie跟Session的區別
首先為了能充分理解為什麼引入cookie和cookie是什麼，先看了例子。不然官網上定義的概念不太容易看懂。eg 我今天想找老王吃放，打 給老王 例子看完了，在看看一些官網上一些專業術語的定義。會話 由一組請求和響應組成 理解為上面例子中的 對話 是圍繞著一件相關事情 吃飯 所進行的請求和響應。這些...