比较选择器优先级检验方法如下 将所有选择器应用到一个超链接上,观察结果,得出结论。 输出结果为,说明行间style的优先级是其中最高的。去掉行间style代码: 输出结果:后代选择器生效,注释其代码,继续比较: 得出输出结果,注释代码。 得出输出结果。 从上面结果不难看出 行间style > 后代 ...
分类:
Web程序 时间:
2017-09-14 20:10:53
阅读次数:
239
今日概要: 1、伪类选择器 2、选择器优先级 3、vertical-align属性 4、backgroud属性 5、边框border属性 6、display属性 7、padding居中 8、float半脱离文档流 9、clear清楚浮动 10、postion定位 ...
分类:
编程语言 时间:
2017-07-26 02:02:25
阅读次数:
245
一。选择器优先级:1.最高优先级是 (直接在标签中的设置样式,假设级别为1000)<div style="color:Red;"></div>2.次优先级是(ID选择器 ,假设级别为100) #myDiv{color:Red;}3.其次优先级是(类选择器,假设级别为10) .divClass{col ...
分类:
Web程序 时间:
2017-07-25 21:05:45
阅读次数:
302
CSS作用?答: 美化页面 英文缩写及含义?cascading style sheet(层叠样式表) CSS语法: 选择器{ CSS属性名:属性值;CSS属性名:属性值; } (最后一个冒号可以省略不写) 什么叫做CSS的引入方式?答:就是在HTML里如何才能使用CSS样式CSS引入方式: 方式一: ...
分类:
Web程序 时间:
2017-07-01 17:27:33
阅读次数:
224
标签选择器: 作用:根据选择器的名称,选中页面中所有的HTML标签 li{ color: blue; } 类选择器 写法: .class名{} 调用:在HTML标签中,使用class="class名"调用选择器 优先级,class选择器大于标签选择器 */ .li1{ color: red; } i ...
分类:
Web程序 时间:
2017-06-25 17:48:14
阅读次数:
224
得到的导航栏效果 添加#menu ul li{width:30px;} 效果如图 将会使列表项和分隔区域的宽度同时改变因为id选择器的优先级高于类选择器,此时应该为列表项添加内联样式如图 才能得到如下效果 或者可以使用第二种方法 #menu ul li{ float:left; margin-lef ...
分类:
Web程序 时间:
2017-05-15 22:36:01
阅读次数:
187
1.什么是优先级的权重?作用: 当多个选择器混合在一起使用时, 我们可以通过 计算权重来判断谁的优先级最高2.权重的计算规则2.1首先先计算选择器中有多少个id, id多的选择器优 先级最高2.2如果id的个数一样, 那么再看类名的个数, 类名个 数多的优先级最高2.3如果类名的个数一样, 那么再看 ...
分类:
其他好文 时间:
2017-05-10 22:48:38
阅读次数:
178
1、id选择器(页面唯一) 2、类选择器(一个元素可以有多个class) 3、标签选择器 4、群组选择器 5、包含选择器 6、通配符 7、选择器优先级 行间样式>id选择器>类选择器>标签选择器 ...
分类:
其他好文 时间:
2017-05-02 12:02:02
阅读次数:
136