慕课网

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

初识HTML(5)+CSS(3)

最热最新

沐风_0008

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

查看全部

0 采集收起
2014-11-06
沐风_0008

如果想在网页上设置删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2014-11-06
沐风_0008

有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： p a{text-decoration:underline;}

查看全部

0 采集收起
2014-11-06
沐风_0008

我们还可以使用css样式来改变文字的样式：粗体、斜体、下划线、删除线，可以使用下面代码实现设置文字以粗体样式显示出来。 p span{font-weight:bold;} 在这里大家可以看到，如果想为文字设置粗体是有单独的css样式来实现的，再不用为了实现粗体样式而使用h1-h6或strong标签了。

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2014-11-11
沐风_0008

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”，如下代码： body{font-family:"Microsoft Yahei";} 或 body{font-family:"微软雅黑";} 注意：第一种方法比第二种方法兼容性更好一些。因为这

查看全部

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

.food span .food>span

查看全部

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

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

查看全部

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

层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。如下面代码: p{color:red;} p{color:green;} 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。 三年级时，我还是一个胆小如鼠的小女孩。

查看全部

0 采集收起
2018-03-22
木大人

层模型--相对定位如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-11-06
沐风_0008

标签的权值为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-11-06
因丶果

内联式

查看全部

0 采集收起
2018-03-22
木大人

如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。 div{width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; }

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2014-11-06
木大人

层模型--绝对定位如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。 div{ width:200px; height:200px; border:2px red solid; position:absolute;

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2014-11-06
黑涒

<input> type：只有当type值设置为reset时，按钮才有重置作用。

查看全部

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

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> <a href="目标网址" target="_blank">click here!</a>

查看全部

0 采集收起
2018-03-22

首页上一页 27783 27784 27785 27786 27787 27788 27789 下一页尾页

0/150

提交

取消

开始学习

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

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