1、css的概念:(cascadingstylesheet級聯樣式表)
優點：1.內容與表現分離。(用網頁的內容xhtml就可以與表象分開)
2.表象統一
3.豐富的樣式
4.減少網頁**
5.運用獨立於網頁的css
2.選擇器
1.標籤選擇器
標籤名｛屬性:屬性值;｝
2.類選擇器
.類名｛屬性:屬性值;｝
標籤名 class=」類名」>標籤內容
3、id選擇器
#id名稱｛屬性:屬性值;｝
4.並集選擇器
標籤名,.類名，#id名稱｛屬性:屬性值;｝
5.後代選擇器
後代選擇器的寫法是把外層的標籤寫在前面，內層的標籤寫在後面，之間用空格分開。當標籤發生巢狀時，內層的標籤就成為外層標籤的後代。
p sp程式設計客棧an
標籤內巢狀標籤。
標籤的後代，兩者之間用空格隔開
6.交集選擇器(注意:交集選擇器之間沒有空格)這種可以確定是某乙個標籤
標籤名.類名｛｝
7.全域性選擇器
*｛樣式；｝
css中的注釋只能是 /* 注釋 */形式；
3.在html中引入css樣式的方法
1.行內式，
2.嵌入式，
將樣式寫程式設計客棧在head中
3.匯入程式設計客棧式與鏈結式，(外部css樣式)
鏈結式:
匯入式:
兩者的區別是:鏈結是先載入樣式後載入頁面，匯入是反之
4.樣式的優先順序
基本選擇器之間：id標籤選擇器
樣式表之間:外部樣式
css樣式之間:在同乙個選擇器中，兩條相同的宣告，後一條宣告會覆蓋前一條宣告，
5、盒子模型
盒子模型總尺寸=border-width-onzarffpccpadding+margin+內容尺寸(寬度或高度)
6、浮動屬性
float:值(left,right,none,inherit(ie不支援不推薦使用))
與float屬性結合使用的另乙個屬性clear，用於確定元素的那一側不允許其他浮動元素，clear屬性的值有5個，如下所示:
left在左側不允許浮動元素
right:在右側不允許浮動元素
both:在左右側均不允許浮動元素
none預設值，允許浮動元素出現在兩側
inherit:規定應該從父元素繼承clear屬性的值，ie瀏覽器不支援，不推推薦使用。一般用於清除浮動時，使用both屬性值的情況較多,即：
clear:both;
7、定位屬性:
1.絕對定位
position:absolute; z-index:2;(堆疊次序)
background-color：背景色。transparent表示透明的背景色
background-attachment：確定www.cppcns.com背景是否跟隨類容滾動，設定為fixed為固定的，scroll為滾動；
2.相對定位：position:relative;
8、控制元素顯示方式
1.顯示方式 display:值
2.處理盒子中的溢位：overflow：值
3.設定游標的形狀:cursor:pointer(小手)
4．超連結樣式:
a:link //未訪問的鏈結
a：visited//已訪問的鏈結
a：hover//滑鼠指標移動到鏈結上
a:active//選定的鏈結
定義樣式必須是：linkàvisitedàhoveràactive
經驗：內聯標籤可以包含於塊級標籤中，成為它的子元素，而反過來則不成立。
display:block；轉換為塊級元素；
原文位址：
本文標題: css前端知識點總結(必看篇)
本文位址:
前端與CSS知識點總結
1.html常用標籤 1.常用塊級標籤 h 標題 p 段落 div 容器 ul li 無序列表 form 表單 2.常用行內標籤 a 超連結 span 小容器 img 插入圖 寬高有效 input 輸入框,text password radio checkbox file reset button ...
前端與CSS知識點總結
1.html常用標籤 1.常用塊級標籤 h 標題 p 段落 div 容器 ul li 無序列表 form 表單 2.常用行內標籤 a 超連結 span 小容器 img 插入圖 寬高有效 input 輸入框,text password radio checkbox file reset button ...
前端知識點（css）
快速使 變灰色 html form表單的時候，前面經常有姓名，年齡，公司名稱等等，有的是2個字，有的是4個字，如何讓字對齊 test1 mediascreen and webkit min device pixel ratio 0 將此樣式應用於文字所在標籤 常見的中英文對照 黑體 simhei宋體...