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 注意,乙個屬性的宣告結束後,加分號,分號進表示分割符號,而不是結束符號 好處 當你從現有的規則中增減宣告時,會盡可能地減少出錯的可能性 每行最好只有乙個屬性,增加樣式定...