慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

天行健_

重要性： !important （最高权值）要写在分号的前面 p{color:red!important;} 样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式<!important

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
天行健_

red 红色 pink 粉色 green 绿色相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。后面的样式会覆盖前面的样式。内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

查看全部

0 采集收起
2018-03-22
天行健_

purple :紫色权值：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/

查看全部

0 采集收起来源：权值计算-特殊性
2014-12-31
qqd

1.继承但注意有一些css样式是不具有继承性的。如border:1px solid red; p{color:red;}可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。 2.特殊性为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。下面是权值的规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如：p span.warning{color:purple;} /*权值为1+1+10=12*/ 注意：还有一个权值比较特殊——继承也有权值但很低，有的文献提出它只有0.1。 3.层叠层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。 css样式优先级: 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。 4.重要性有些特殊的情况需要为某些样式设置具有最高权值，可以使用!important来解决。注意：!important要写在分号的前面语法：p{color:red!important;} 注意当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

0 采集收起来源：继承者 - 样式的继承
2018-03-22
云南小伙在重庆

伪类选择符更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式. 关于伪选择符：关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了（其实伪类选择符还有很多，尤其是css3中，但是因为不能兼容所有浏鉴器，本教程只是讲了这一种最常用的）。其实:hover可以放在任意的标签上，比如说p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是a:hover的组合。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-12-31
云南小伙在重庆

通用选择器通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色： * {color:red;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-12-31
云南小伙在重庆

包含(后代)选择器包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2014-12-31
云南小伙在重庆

子选择器还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
云南小伙在重庆

类和ID选择器的区别学习了类选择器和ID选择器，我们会发现他们之间有很多的相似处，是不是两者可以通用呢？我们不要着急先来总结一下他们的相同点和不同点：相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。

查看全部

0 采集收起来源：类和ID选择器的区别
2014-12-31
云南小伙在重庆

ID选择器在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别： 1、为标签设置id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。右侧代码编辑器中就是一个ID选择符的完整实例。

查看全部

0 采集收起
2018-03-22
云南小伙在重庆

类选择器类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）使用方法：第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <span class="stress">胆小如鼠</span> 第三步：设置类选器css样式，如下： .stress{color:red;}/*类前面要加入一个英文圆点*/

查看全部

0 采集收起来源：再选一个类 - 类选择器
2018-03-22
qqd

1.子选择器即大于符号(>),用于选择指定标签元素的第一代子元素。如代码： .food>li{border:1px solid red;}【class=food】 2.包含(后代)选择器包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如代码：请注意这个选择器与子选择器的区别: 总结：>作用于元素的第一代后代，空格作用于元素的所有后代。 .first span{color:red;} 3.通用选择器它的作用是匹配html中所有标签元素语法：* {color:red;} 4.伪类选择符它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了 5.分组选择符当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，） h1,span{color:red;}

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
漂亮的天生骄傲

ur和ol的区别是有顺序，而这个顺序应该指的不是显示顺序，而是编号。ol前面有1、 2 、 3等编号，而ur只是简单的点。

查看全部

0 采集收起
2014-12-31
漂亮的天生骄傲

<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

查看全部

0 采集收起
2018-03-22
qqd

每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式; } 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。 1.类选择器: 语法： .类选器名称{css样式代码;} <span>胆小如鼠</span> <span class="stress">胆小如鼠</span> <head> <style type="text/css"> .stress{color:red;}/*类前面要加入一个英文圆点*/ </style> </head> 2.ID选择器： a、为标签设置id="ID名称"，而不是class="类名称"。 b、ID选择符的前面是井号（#）号，而不是英文圆点（.）。如： <head> <style type="text/css"> #stress{ color:red; } </style> </head> 3.类和ID选择器的区别相同点：可以应用于任何元素不同点： a、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。 b、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。如：正确代码：<span class="stress bigsize">三年级</span> 错误代码：<span id="stressid bigsizeid">三年级</span>

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2018-03-22

首页上一页 27119 27120 27121 27122 27123 27124 27125 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。