慕课网

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

初识HTML(5)+CSS(3)

最热最新

狂云子

我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。如下代码： p{color:red!important;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
独立团

内联式 > 嵌入式 > 外部式

查看全部

0 采集收起
2018-03-22
独立团

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内

查看全部

0 采集收起
2018-03-22
独立团

<style type="text/css"> span{ color:red; } </style>

查看全部

0 采集收起
2018-03-22
独立团

嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间

查看全部

0 采集收起
2018-03-22
狂云子

font-size 字体大小

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-10-25
oopop

注意：!important要写在分号的前面这里注意当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
狂云子

*通用选择器选择所有标签元素

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-10-25
oopop

层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。如下面代码: p{color:red;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 最后 p 中的文本会设置为green，这个层叠很好理解，理解为后面的样式会覆盖前面的样式。所以前面的css样式优先级就不难理解了：内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

查看全部

0 采集收起
2018-03-22
狂云子

.first>span{border:1px solid red;} >用来指定标签元素的第一代子元素

查看全部

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

<div>:divide分块防止相同逻辑块的容器

查看全部

0 采集收起
2018-03-22
oopop

下面是权值的规则：标签的权值为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.1，所以可以理解为继承的权值最低。

查看全部

0 采集收起来源：权值计算-特殊性
2014-10-25
小吴小超

ol-li: 为带顺序的列表信息 <ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始

查看全部

0 采集收起
2018-03-22
小吴小超

ul-li是没有前后顺序的信息列表。 ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点

查看全部

0 采集收起
2014-10-25
小吴小超

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

查看全部

0 采集收起
2018-03-22

首页上一页 27936 27937 27938 27939 27940 27941 27942 下一页尾页

0/150

提交

取消

开始学习

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

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