<input type="radio"> 是單選框 name="---" 才能使使得幾個(gè)選項(xiàng)在一個(gè)題目，一個(gè)name下 才能成為一個(gè)題的單選。
image.png
上圖實(shí)現(xiàn)輸入框并且有一定的效果 具體效果瀏覽demo1
下圖為實(shí)現(xiàn)頁面
image.png
引入css
1官辽、行間樣式
2、頁面級(jí)別css
就是在<head>中寫得css
3耘拇、外部css文件
其在hmtl文件中的表達(dá)格式如下圖所示
image.png
瀏覽器開啟新的線程 同時(shí)加載html css兩個(gè)文件
在計(jì)算機(jī)術(shù)語中：異步為同時(shí)進(jìn)行 同步就是分布進(jìn)行 這與正常生活中的相反 所以這里是異步加載睦尽。
優(yōu)先級(jí)
！important>行間樣式>id>class>屬性>標(biāo)簽選擇器>通配符
css權(quán)重
问慎！important infinity （無窮）計(jì)算機(jī)中的無窮數(shù)代表具體的數(shù) 就是無窮 無窮加一大于無窮 而數(shù)學(xué)中則無法比較萍摊。
行間樣式 1000
id 100
class|屬性|偽類 10
標(biāo)簽|偽元素 1
通配符 0
這里的1000 100 不是十進(jìn)制 是256進(jìn)制
父子選擇器|派生選擇器
代碼如下
<div>
<span>
啦啦啦啦
</span>
</div>
<span>
啦啦啦啦
</span>
div span{
background-color: red;
}
瀏覽器內(nèi)部原理
在選擇父子選擇器是從右向左選擇
