CSS基礎總結

2021-09-19 08:38:39 字數 1663 閱讀 6376

css(cascading style sheets)層疊樣式表:用來為結構化文件(如html文件或xml應用)新增樣式(字型、間距和顏色等)。

css不能單獨使用,必須與html或xml一起協同工作,為html或xml起裝飾作用。

rel=

"stylesheet"

type

="text/css"

href

="test.css"

>

type

="text/css"

>

style

>

>

style

="color

: red

">

這是乙個行內樣式

span

>

p>

標籤名
#id名
.類的名稱
標籤名[屬性名][屬性名=「屬性值」]
標籤名 子標籤名
標籤名 > 子標籤名
標籤名:特殊的偽類選擇
浮動的元素會脫離正常的文件流,形成流式布局,在正常的文件流中不佔空間

float屬性:left向左浮動

right向右浮動

clear屬性:清除浮動

left:不允許左邊浮動

right:不允許右邊浮動

both:不允許兩邊浮動

line-height:60px;	

border: 1px solid red;

text-decoration: none;

text-align: center;

行內樣式 > id選擇器 > 類選擇器 > 元素選擇器

在同一級中,誰的樣式離得近就使用誰的樣式

padding-top:

padding-right:

padding-bottom:

padding-left:

padding: padding-top, padding-right, padding-bottom, padding-left

margin-top:

margin-right:

margin-bottom:

margin-left

position:absolute;

top:控制距離頂部的距離

left:控制距離左邊的距離

CSS基礎總結

css細化知識點總結 1.行內樣式 只對它所修飾的元素起作用 語法 style 屬性1 值1 屬性2 值2.屬性n 值n 2.樣式的優先順序 當有多個樣式作用在同一元素上時,誰離元素近,就使用誰的樣式,即誰離得近,誰的優先順序高.3.長度單位em 1em就是當前乙個字型的尺寸,text indent...

CSS基礎學習總結

1.標準文件流 2.塊級標籤和行級標籤 塊級標籤 div form p h1等 行級標籤 span strong input img等 strong 文字加粗 塊級標籤和行級標籤都是盒子模型 3.盒子模型 都有的屬性border margin pading content 四個值 上右下左,順時針方...

css基礎總結(上)

1.css 規則由兩個主要的部分構成 選擇器 以及一條或多條宣告。例如 2.如果值為若干單詞,則要給值加引號 p 3.多重宣告 p 注意,乙個屬性的宣告結束後,加分號,分號進表示分割符號,而不是結束符號 好處 當你從現有的規則中增減宣告時,會盡可能地減少出錯的可能性 每行最好只有乙個屬性,增加樣式定...