慕课网

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

初识HTML(5)+CSS(3)

最热最新

知否__觅

下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;}

查看全部

0 采集收起
2014-12-21
知否__觅

中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现： p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。

查看全部

0 采集收起
2014-12-21
会飞的柠檬

重要性我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。如下代码： p{color:red!important;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。注意：!important要写在分号的前面这里注意当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
知否__觅

删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2014-12-21
会飞的柠檬

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

查看全部

0 采集收起
2018-03-22
叶霖

<style type="text/css"> p{ font-size:20px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/ } </style>

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2018-03-22
叶霖

表单标签 <label for="控件id名称"><!标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。> <form> 你对什么运动感兴趣： <br> <label for="mjpk">慢跑</label> <input type="checkbox" id="mjpk"> <br> <label for="dguj">登山</label> <input type="checkbox" id="dguj"> <br> <label for="ljqq">篮球</label> <input type="checkbox" id="ljqq"> </form>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
叶霖

重置按钮 <form action="save.php" method="post" > <input type="reset" value="重置"> </form>

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
叶霖

提交按钮 <form method="post" action="save.php"> <input type="submit" value="提交" name="submitbutten"> </form>

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
LorenzoX

重要性有些特殊的情况需要为某些样式设置具有最高权值，使用!important使用!important。例p{color:red!important;}!important要写在分号的前面。浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

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

【层叠】如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办。层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）就是根据层叠原则。

查看全部

0 采集收起
2018-03-22
LorenzoX

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100 还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。 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-21
LorenzoX

CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 p{color:red;} <p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red; p{border:1px solid red;} <p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线，而对于子元素span是没用起到作用的

查看全部

0 采集收起来源：继承者 - 样式的继承
2018-03-22
浅露璀璨

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。

查看全部

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

还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。

查看全部

0 采集收起
2014-12-21

首页上一页 27216 27217 27218 27219 27220 27221 27222 下一页尾页

0/150

提交

取消

开始学习

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

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