一css簡介:
是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式編輯的能力。
二 css的引入方式:
書寫方式:css 規則由兩個主要的部分構成:選擇器+一條或多條宣告:
1內嵌方式:直接把css的**嵌入到html語句當中。
(1) 使用style屬性將樣式嵌入到html當中。
(2)修飾屬性:屬性+屬性值。
(3)屬性與屬性之間用分號間隔。
例句:hello world
2內部方式
(1)在head部分利用style屬性引入,type=」text/css告訴瀏覽器用css解析器去解析。
(2)(3)同上。
hello world
div
3外部模式:將css樣式抽取成乙個單獨css檔案 誰去使用誰就引用
(1)在外部建立css單獨的修飾檔案。
(2)將放入到head部分。
(3) (4)同上。
二css選擇器:
1基本選擇器
(1)元素選擇器
html標籤名 (放入到head檔案標籤部分)
(2)id選擇器
id唯一性
語法:#id的值
(3)class選擇器
語法:.class的值
2屬性選擇器
語法:基本選擇器[屬性=『屬性值』]
3偽元素選擇器
標籤的偽元素選擇器
語法:
靜止狀態 a:link
懸浮狀態 a:hover
觸發狀態 a:active
完成狀態 a:visited
示例:
**** me
css 知識整理
content box 基礎盒模型,寬 元素寬 border box ie6盒模型,寬 元素寬 padding border 可以簡單,響應式的實現頁面布局。相對於原來的布局,主要應用float,position之類的進行布局,會有很多 比如需要清除浮動,是否占用文字流,會對其他元素造成一系列的影響...
css知識整理
是指盒子按照html標籤編寫的順序依次從上到下,從左到右排列,塊元素佔一行,行內元素在一行之內從左到右排列,先寫的先排列,後寫的排在後面,每個盒子佔據自己的位置。相對元素定位,元素所佔據的文件流的位置不變,元素本身相對文件流的位置進行偏移 絕對定位,元素脫離文件流,不佔據文件流的位置,可以理解為漂浮...
CSS碎片知識整理
1.效果 border style none 無邊框 border width 0 邊框寬度為0px 2.區別 1 效能差異 border 0 瀏覽器對border width border color進行渲染,占用記憶體。當定義邊框時,不僅要設定邊框寬度,還要設定邊框樣式才能達到顯示的效果 bor...