比较选择器优先级检验方法如下 将所有选择器应用到一个超链接上,观察结果,得出结论。 输出结果为,说明行间style的优先级是其中最高的。去掉行间style代码: 输出结果:后代选择器生效,注释其代码,继续比较: 得出输出结果,注释代码。 得出输出结果。 从上面结果不难看出 行间style > 后代 ...
分类:
Web程序 时间:
2017-09-14 20:10:53
阅读次数:
239
css3在原来的原则器基础上增加了很多类型的选择器,下面总结一下css3提供的选择器,当做一个复习。 一、基础选择器 1、* :通配选择器,选择HTML文档中的所有元素。 2、#idValue :id选择器,选择id为idValue的元素。 3、.classValue :类选择器,选择类为class ...
分类:
Web程序 时间:
2017-09-14 13:16:10
阅读次数:
260
Title 应用了样式表 样式2 样式3 这个样式引用strong派生选择器 这个会被li strong派生选择器选择 这个会引用ID选择器 这个会使用id选择器这个会使用派生选择器 这个会引用类选择器 这个会使用类选择器这个会使用派生选择器 属性选择器引用 为指明值的可以随便写 属性选择器引用..... ...
分类:
Web程序 时间:
2017-09-13 01:35:26
阅读次数:
140
框架 必须去掉<body></body> <frameset rows="">上下分 <frameset cols+"">左右分 <frameborder="no">去掉下划线 CSS样式表 /*id选择器*/ #div1{ width: 100px; height: 100px; backgrou ...
分类:
其他好文 时间:
2017-09-12 22:04:48
阅读次数:
189
css规则:选择器,以及一条或者多条生命。 selector{declaration1;,,,;desclarationN} 每条声明是由一个属性和一个值组成 property:value 例子: h1{color:red;fontsize:14px} 元素选择器:直接选择文档元素 id选择器 属性 ...
分类:
其他好文 时间:
2017-09-11 10:26:43
阅读次数:
198
选择器种类 1.ID选择器 <div id="one"></div> #one{} 2.类选择器 <div class="one"></div> .one{} 3.标签选择器 <div>dsd</div> div{} 4.普遍选择器 *{} 所有的 div * div后代所有的元素 5.嵌套选择器 ...
分类:
Web程序 时间:
2017-09-10 15:09:55
阅读次数:
168
学习http://www.runoob.com/css/css-syntax.html的笔记。 CSS样式的格式: 可读性:每行描述一个属性。 注释方式:/* 注释说明*/ 选择器:#(id选择器).(class选择器) 样式:内部样式(写在<style></style>标签内)。行内样式(在标签内 ...
分类:
Web程序 时间:
2017-09-05 13:57:34
阅读次数:
225
css选择器优先选择: <span id=“span” class="span"></span> span{color:red;font-size:100px;} #span{color:green} id选择器,最先渲染 .span{color:red} 类选择 器次之 css选择器主要是用于选择 ...
分类:
Web程序 时间:
2017-09-04 21:19:27
阅读次数:
219
层叠样式表 派生选择器: id选择器(可同时用派生选择器): class选择器(可同时用派生选择器): 组选择器: p标签同class=“aaa”的元素,都应用此样式 属性选择器: 背景样式 background-color background-image background-repeat 文本 ...
分类:
Web程序 时间:
2017-09-04 19:44:54
阅读次数:
177
class选择器: id选择器: 异同: 相同点:可以应用于任何元素不同点: 1.id全局唯一;class无要求; 2.class选择器可以写成下面形式: id只能有一个。错误示例: ...
分类:
Web程序 时间:
2017-09-03 13:21:34
阅读次数:
393