美文网首页
2019-05-05

2019-05-05

作者: 想和于谦共枕眠 | 来源:发表于2019-05-06 20:27 被阅读0次

<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;

}

浏览器内部原理
在选择父子选择器是从右向左选择

相关文章

网友评论

      本文标题:2019-05-05

      本文链接:https://www.haomeiwen.com/subject/ylshoqtx.html