用兩個冒號表示偽元素，乙個冒號表示偽類
1.偽類：
：focus焦點鍵入樣式
：first-child第乙個子元素
：lang帶有lang屬性的樣式
2.偽元素
：：first-letter 像文字的第乙個字母新增樣式
：：firt-line向文字的第一行新增樣式
：：before向文字前新增內容
：：after向文字後新增內容
3.css盒模型（框模型）
a.行級元素和塊級元素
塊級元素：塊級元素獨佔一行，塊級元素後面無法再放任何內容，從頁面布局和外觀顯示來看，乙個網頁的布局就類似於一篇報紙的排版，首先將網頁分成大的模組，然後在模組裡面再分成小的模組，所以塊級元素多用來布局
b.行級元素：只佔一小塊空間，後面可以繼續放內容，行級元素也稱為行內標籤，內聯標籤，使用塊級元素將網頁結構搭建好了後，使用行級元素來排版
c.行級元素和塊級元素的區別：
塊級元素獨佔一行
塊級元素支援高和寬，行級元素不支援高和寬，行級元素高寬由內容來決定。
塊級元素：div、p、h、hr、table、ul、ol、form
行級元素：a、span、label、input、textarea、br、image
d.布局：
（1）使用div布局，在左右排列時，無法知曉，兩塊之間的空白有多大，table布局彌補了這個缺點。border-collapse：collapse -----table表雙實線變單實線
（2）display：block表示將元素轉換為塊級
display：inline表示將模組轉換為行級
display：inline-block行內塊級元素，按照行級標籤排列，但是具有塊級標籤的屬性，但因為瀏覽器相容的問題，兩塊之間有一小塊空白，用float：left來替代
e.盒模型
（1）元素、邊框（border）、外邊距（margin）、內邊距（padding）
（2）盒子寬度=元素寬度+padding*2+margin*2+border*2
（3）border-style：solid實線、dashed虛線、dotted點線
border-left左邊邊框-right右邊邊框-top上邊邊框-bottom下邊邊框
（4）內邊距：padding；如果冒號後面只有乙個引數，表示四周都是以這個引數為邊距
如果是兩個引數：第乙個引數表示上下，第二個引數表示左右
如果是三個引數：第乙個引數表示上，中間引數表示左右，最後乙個引數表示下
四個引數就是上下左右；改變內邊距會影響盒子大小，
（5）外邊距：margin；外邊距重疊：在乙個方向如果設定多個外邊距，會取得最大值
外邊距的傳遞性：如果父類沒有邊框，設定margin-top，會將外邊距傳遞到父類，
body距離windows視窗預設有5px的外邊距
（6）設定最小寬度，min-width：900px，解析度小於900後，會自動產生滾動條
（7）margin：0 auto，左右居中
CSS基礎知識點
1.css基礎 1.css選擇器 元素選擇器 p id選擇器 p1 類選擇器 pre 2.css注釋 注釋 3.css尺寸 width 寬度height 高度 4.css背景 background color 背景顏色 background image url imagepath 做背景 url b...
CSS基礎知識點總結
一 css的簡介 1 什麼是css 層疊樣式表，css是對html進行樣式修飾語言 層疊 就是層層覆蓋疊加，如果不同的css樣式對同一html標籤進行修飾，樣式有衝突的部分應用優先順序高的，不衝突的部分共同作用 樣式表 就是css屬性樣式的集合 2 css的作用 1 修飾html的 使其html樣式...
CSS基礎知識點記錄
css參考手冊 2.1 內聯 2.2 頁面嵌入 所有input標籤都被設定成該樣式。2.3 外部引用 例如 對於非元素內聯的樣式需要定義樣式選擇器。5.1 標籤選擇器 對於指定的標籤採用統一的樣式 例如 input5.2 class選擇器 定義乙個命名的樣式，然後在用到它的時候設定元素的class屬...