下拉框
select 定義下拉列表
option 定義下拉列表選項
select>option
option不是乙個容器級標籤，只可以放置文字。
option:selected屬性 設定當前選項為預設選中。
select: size屬性，定義下拉列表顯示的個數。
multiple 多重選擇
fieldset 將表單內容打包。
legend 定義標題。
cascading style sheets 層疊樣式表。 規定了html標籤在網頁上的顯示方式。
html：規定網頁上有什麼內容
css：規定網頁上這些內容的樣式。
使用html寫樣式的痛點：
1.**比較臃腫。
2.可讀性比較差。
3.不便於維護。
4.對搜尋引擎不友好，搜尋引擎更關心內容。
使用css的優點：
1.**比較簡潔
2.可讀性比較強
3.便於維護
4.更關心內容，對搜尋引擎比較友好。
如何去使用css
基礎語法：
選擇器選擇器：選擇頁面中哪些元素去做樣式的修改。
宣告：要做什麼樣的樣式修改。
宣告：都是由屬性和屬性值組成的。中間用：，以分號結尾。
css對縮排和空格不敏感，咱們可以通過合理的縮進來提高**的可讀性。
css分為五類：文字，盒子，浮動，定位，背景。
文字：字型，大小，顏色。
盒子：寬，高，背景色，邊框、
書寫位置
1.行內式，內嵌式，外鏈式，匯入式。
行內式寫法
直接寫在標籤style屬性中
行內式：寫法簡單。
缺點：1.結構和樣式沒有分離。
2.只對當前的標籤生效。不能夠復用。開發中不推薦使用。
內嵌式
寫法：使用style標籤，在head標籤內。
css屬性寫在style標籤內。
缺點：
1.如果樣式比較多，頁面**會比較多。
2.只對當前頁面生效。如果說多個頁面有共同的樣式，需要寫多次。
優點：
結構和樣式分離。
樣式可以復用。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
內嵌式title
>
>
pstyle
>
head
>
>
>
籃球王子蔡徐坤p
>
body
>
html
>
寫法：
通過link標籤，引入外部的css檔案。
優點：
結構和樣式分離。
樣式可以復用。
可以多個頁面使用。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
外鏈式title
>
rel=
"stylesheet"
href
="./css/樣式.css"
>
head
>
>
>
外鏈式h1
>
>
籃球王子蔡徐坤p
>
body
>
html
>
h1pp
乙個頁面中id值是唯一的，id選擇器只會選擇乙個標籤。
id值的寫法規範：以字母開頭，後面可以是數字，下劃線或橫線。
痛點： 假如有多個標籤，有同樣的樣式，使用id選擇器的時候，需要分別給他們設定id值，然後再重複的設定一樣的樣式。
id常用場景：不是用來設定樣式，配合js去新增事件的。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
基礎選擇器title
>
>
#orz
style
>
head
>
>
"orz"
>
太極宗師馬保國p
>
body
>
html
>
通過標籤的class屬性來選擇相應的標籤。
class值是可以重複的。
格式：
.class屬性值
類選擇器選擇的是擁有相同class屬性的標籤元素。
class屬性是可以有多個的。命名規則與id值是一樣的。字母開頭，後面跟 數字，下劃線，橫線。
css樣式書寫樣式 最多的選擇器就是類選擇器。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
類選擇器title
>
>
.qq.t_t
style
>
head
>
>
class
="t_t"
>
籃球王子蔡徐坤h1
>
class
="qq"
>
太極宗師馬保國p
>
body
>
html
>
可以選擇包括body在內的所有標籤。
現在不常用。因為效率不高。
有的標籤沒有相應的屬性，有的標籤有相應的屬性，這個時候使用萬用字元，所有的標籤都會去執行一次。
前端第四天
盒子在父級水平居中 margin 0 auto 文字樣式操作 color red text align center font 900 30px 200px stsong 微軟雅黑 reset操作 清除預設樣式 html,body,h1,h6,p,ul 高階選擇器 每乙個選擇器位都可以替換為任意基礎...
前端 第四天學習
第四天知識總結 1 樣式表 內部樣式表 外部樣式表 內聯樣式表 2 樣式表的權重 內聯樣式表的權重最大！內部和外部樣式的權重，和書寫的前後順序有關！放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式，不同屬性的樣式會繼續執行。3 css選擇符 css語法 選擇符 選擇符 選擇符就是給標籤起...
學習前端第四天
三十六 css的產生 cascading style sheets 層疊樣式表 隨著html的成長，為了滿足頁面設計的要求，html新增了很多顯示的功能，但是隨著這些功能的增加，html變得越來越雜亂，而且html頁面也越來越臃腫，於是css便誕生了，它的版本有2.0和3.0的版本，css3因為有相...