【html的div標籤】
html中有兩個塊標記：
【css的概述】
什麼是css：
cascading style sheets 層疊樣式表.
css的作用：
css主要用來修飾html的顯示.**復用.將頁面元素與樣式進行分離.
css的使用：
語法：選擇器
【css的引入方式】
行內樣式：
直接在html的元素上使用style的屬性編寫css：
<
span
style="
color:
#00ff00
;font-size:
100px;"
>
黑馬訓練營
span
>
內部樣式：
在html的標籤中使用標籤來定義css
span
style>
外部樣式：
將css
定義成乙個
.css
的檔案，在
html
中將該檔案引入到
html
中<
link
href
="style.css"
rel=
"stylesheet"
type
="text/css"
/>
【css的基本選擇器】
css的選擇器為了更能精確的找個某個元素來設計的
元素選擇器：
divid選擇器：
#d1style>
"d1">
王鳳div>
*****id
通常都是唯一的.
類選擇器：
html:
class
="d1">
王守義div>
王鳳div>
class
="d1">王如花
div>
css:
.d1style>
【css的懸浮】
css的float屬性：
float屬性中常用取值:
left :懸浮到左邊
right :懸浮到右邊
使用clear屬性清除浮動：
left ：清除左側浮動
right ：清除右側浮動
both ：清除兩側的浮動
【css的其他選擇器】
屬性選擇器
選中帶有某個屬性的元素：
input[
type
="text"
] input[
type
="password"
]style>
層次選擇器：
父選擇器 子孫選擇器
#d1div
style>
偽類選擇器：
主要用來描述超連結
<
style>
a:link
a:visited
a:hover
a:active
style>
【css的盒子模型】
設定盒子的外邊距：margin
margin-top
margin-right
margin-bottom
margin-left
設定盒子的內邊距：padding
padding-top
padding-right
padding-bottom
padding-left
【列表屬性】
ulli
【顏色取值】
英文取值：
color：red
十六進製制數：
color：#ff0000
rgb方式：
color：rgb(255,0,0)
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...