CSS知識小結

2021-09-02 03:16:12 字數 911 閱讀 6584

css有關的知識點小結

一、定位

1、position 檢索物件的定位方式

position:absolute 將物件從文件流中拖出 使用left、right、top、bottom屬性

position:relative 物件不可層疊,當將依據left,right,top,bottom等屬性在正常文件流中偏移位置

2、top 檢索或設定物件與其最近乙個具有定位設定的父物件頂邊相關的位置

3、bottom 檢索或設定物件與其最近乙個具有定位設定的父物件底邊相關的位置

二、布局

1、clear 該屬性的值指出了不允許有浮動物件的邊

clear:none 預設值 允許兩邊都可以有浮動物件

clear:left 不允許左邊有浮動物件

clear:right 不允許右邊有浮動物件

clear:both 不允許有浮動物件

2、float :該屬性的值指出了物件是否及如何浮動

float:none 預設值 物件不漂浮

float:left 文字流向物件的右邊

float:right 文字流向物件的左邊

3、display 設定或檢索物件是否及如何顯示

4、visibility 設定或檢索是否顯示物件

三、外補丁

margin 檢索或設定物件四邊的外補丁

如果有四個引數值 將按上-右-下-左,如果只提供乙個引數值將用於四邊,如果提供兩個,則第乙個是上-下,第二個是左-右,如果提供三個,則第乙個用於上,第二個用於左-右,第三個用於下

四、內補丁

padding 檢索或設定物件四邊的內補丁 引數值位置與含義和margin用法一致

五、邊框

border 設定物件的邊框樣式

六、偽類

:hover 設定物件在其滑鼠懸停時的樣式

CSS基礎知識小結

css真的超級有意思層疊樣式表 英文全稱 cascading style sheets 是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。css 能夠對...

css 整理版 知識點小結

1.css元素 常見行級元素 span strong em a del常見塊級元素 div p ul li ol form address 1.4常用屬性 first child before after 1.5 2.css定位 1 absolute 脫離原來位置進行定位 三維立體,z軸定位 相對於...

快速入門CSS,知識重點內容小結

盒子模型 把html頁面的元素看作乙個矩形的盒子,相當於乙個承裝內容的容器。每個矩形都由四個部分組成 填充層 內容 內邊框 padding 邊框 border 外邊框 margin 組成。box sizing取值 css三大特性 1.繼承性 設定父類的一些屬性子類也能繼承使用這就叫做繼承性。2.摺疊...