慕课网

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

初识HTML(5)+CSS(3)

最热最新

youcaihuakai

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

查看全部

0 采集收起
2018-03-22
youcaihuakai

特殊性有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。下面是权值的规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。

查看全部

0 采集收起来源：权值计算-特殊性
2018-03-22
由零开始

flow float lawyer

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-11-05
youcaihuakai

.first{color:green;} #second span{color:green;} 等同于 .first,#second span{color:green;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-05
由零开始

相邻两盒子的边距margin设置（如左盒子margin-right与右盒子margin-left；上盒子margin-bottom与下盒子margin-top）以较大的边距为准，不做叠加运算。

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-11-05
youcaihuakai

html中多个标签元素设置同一个样式时，可以使用分组选择符（，）

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2014-11-05
youcaihuakai

伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了

查看全部

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

通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中任意标签元素

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-11-05
youcaihuakai

>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

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

选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。

查看全部

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

类和ID选择器的区别: 相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。id选择器不行

查看全部

0 采集收起来源：类和ID选择器的区别
2014-11-05
baibm001

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。语法： <label for="控件id名称">

查看全部

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

<input type="reset" value="重置">

查看全部

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

标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码： p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2018-03-22
baibm001

下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项。

查看全部

0 采集收起
2018-03-22

首页上一页 27805 27806 27807 27808 27809 27810 27811 下一页尾页

0/150

提交

取消

开始学习

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

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