<input type="radio"> 是单选框 name="---" 才能使使得几个选项在一个题目，一个name下 才能成为一个题的单选。
image.png
上图实现输入框并且有一定的效果 具体效果浏览demo1
下图为实现页面
image.png
引入css
1、行间样式
2、页面级别css
就是在<head>中写得css
3、外部css文件
其在hmtl文件中的表达格式如下图所示
image.png
浏览器开启新的线程 同时加载html css两个文件
在计算机术语中：异步为同时进行 同步就是分布进行 这与正常生活中的相反 所以这里是异步加载。
优先级
！important>行间样式>id>class>属性>标签选择器>通配符
css权重
！important infinity （无穷）计算机中的无穷数代表具体的数 就是无穷 无穷加一大于无穷 而数学中则无法比较。
行间样式 1000
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0
这里的1000 100 不是十进制 是256进制
父子选择器|派生选择器
代码如下
<div>
<span>
啦啦啦啦
</span>
</div>
<span>
啦啦啦啦
</span>
div span{
background-color: red;
}
浏览器内部原理
在选择父子选择器是从右向左选择
