慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕尼黑9055727

文字排版--下划线 p a{text-decoration:underline;} 三年级时，我还是一个<a>胆小如鼠</a>的小女孩。

查看全部

0 采集收起
2018-03-22
慕尼黑9055727

文字排版--斜体 p a{font-style:italic;} 三年级时，我还是一个<a>胆小如鼠</a>的小女孩。

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2018-03-22
林三竖

子选择器（>）权值等同后代选择器（space），针对一代

查看全部

0 采集收起来源：权值计算-特殊性
2018-03-22
慕尼黑9055727

文字排版--粗体 p span{font-weight:bold;}

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2014-11-20
林三竖

子选择器（>）权值高于后代选择器（space）

查看全部

0 采集收起来源：权值计算-特殊性
2018-03-22
慕尼黑9055727

文字排版--字号、颜色 body{font-size:12px;color:#666}

查看全部

0 采集收起来源：能不能把字写大一点啊 - 使用font-size设置字体大小
2014-11-20
慕尼黑0630741

dispaly:inline-block display:inline display:block

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2014-11-20
慕尼黑0630741

内联块状元素（同时内联在同一行上，块状宽度、高度、底和顶边距可以设置）inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2014-11-20
慕尼黑9055727

文字排版--字体为网页中的文字设置字体为宋体: body{font-family:"宋体";} 现在一般网页喜欢设置“微软雅黑”，如下代码： body{font-family:"Microsoft Yahei";} 或 body{font-family:"微软雅黑";} 注意：第一种方法比第二种方法兼容性更好一些。

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2018-03-22
慕尼黑9055727

重要性做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值,这时候我们可以使用!important来解决。如下代码： p{color:red!important;} p{color:green;} 三年级时，我还是一个胆小如鼠的小女孩。 这时 p 段落中的文本会显示的red红色。注意：!important要写在分号的前面注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

查看全部

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

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

查看全部

0 采集收起
2018-03-22
慕尼黑9055727

特殊性有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} 三年级时，我还是一个胆小如鼠的小女孩。 p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。下面是权值的规则：标签的权值为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 采集收起来源：权值计算-特殊性
2018-03-22
慕尼黑9055727

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

查看全部

0 采集收起来源：继承者 - 样式的继承
2018-03-22
慕尼黑9055727

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

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-20
慕尼黑9055727

伪类选择符它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了（其实伪类选择符还有很多，尤其是css3中，但是因为不能兼容所有浏鉴器，本教程只是讲了这一种最常用的）所以现在比较常用的还是a:hover的组合。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-11-20

首页上一页 27580 27581 27582 27583 27584 27585 27586 下一页尾页

0/150

提交

取消

开始学习

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

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