慕课网

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

初识HTML(5)+CSS(3)

最热最新

hzworld

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的盖茨比</title> </head> <body> 1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/">托比•马奎尔Tobey Maguire</a> 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入

查看全部

0 采集收起
2018-03-22
晚豹霸祖座

但注意有一些css样式是不具有继承性的。如border:1px solid red; p{border:1px solid red;} 三年级时，我还是一个胆小如鼠的小女孩。 在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线，而对于子元素span是没用起到作用的。

查看全部

0 采集收起来源：继承者 - 样式的继承
2018-03-22
晚豹霸祖座

CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} 三年级时，我还是一个胆小如鼠的小女孩。

查看全部

0 采集收起来源：继承者 - 样式的继承
2018-03-22
晚豹霸祖座

分组选择符当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色： h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2018-03-22
晚豹霸祖座

伪类选择符更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2018-03-22
无形_0003

<code> 一行代码使用 <pre> 多行代码使用

查看全部

0 采集收起
2018-03-22
无形_0003

<address> 地址信息，浏览器显示为斜体

查看全部

0 采集收起
2018-03-22
SPICRU2

body{font-family:"Microsoft Yahei";}

查看全部

1 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
SPICRU2

样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

1 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
SPICRU2

层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。/////css样式优先级：内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

查看全部

1 采集收起
2018-03-22
晚豹霸祖座

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

查看全部

1 采集收起来源：我全都要 - 通用选择器
2018-03-22
SPICRU2

浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。/////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 采集收起来源：权值计算-特殊性
2018-03-22
SPICRU2

更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签设置样式。比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：a:hover{color:red;}

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2018-03-22
SPICRU2

子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一个后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一个后代，空格作用于元素的所有后代。

查看全部

1 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
SPICRU2

还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的子元素。如右侧代码编辑器中的代码： .first>span{color:red;}

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22

首页上一页 28339 28340 28341 28342 28343 28344 28345 下一页尾页

0/150

提交

取消

开始学习

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

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