慕课网

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

初识HTML(5)+CSS(3)

最热最新

bubblllllle

技术点的解释：
1、如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。
2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2021-01-22
bubblllllle

CSS的某些样式是具有继承性的
继承:继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。

查看全部

0 采集收起来源：继承者 - 样式的继承
2021-01-22
bubblllllle
分组选择符:为html中多个标签元素设置同一个样式
```
h1,span{color:red;}
```
它相当于下面两行代码：
```
h1{color:red;}
span{color:red;}
```
查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2021-01-22
bubblllllle
伪类选择符:
它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：
```
a:hover{color:red;}
```
上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。
查看全部

0 采集收起来源：伪装者 - 伪类选择器
2021-01-22
bubblllllle

通用选择器:匹配html中所有标签元素

查看全部

0 采集收起来源：我全都要 - 通用选择器
2021-01-22
bubblllllle
包含选择器:加入空格,用于选择指定标签元素下的后辈元素
```
.first  span{color:red;}
```
这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。
请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
总结：>作用于元素的第一代后代，空格作用于元素的所有后代。
查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2021-01-22
bubblllllle

子选择器:
用于选择指定标签元素的第一代子元素。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2021-01-22
bubblllllle
类和ID选择器的区别
相同点：可以应用于任何元素
不同点：
1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。
下面的代码是正确的(完整代码见右侧代码编辑器)
```
.stress{
    color:red;
}
.bigsize{
    font-size:25px;
}
到了<span class="stress bigsize">三年级下学期时，我们班上了一节公开课...
```
上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。
下面的代码是不正确的(完整代码见右侧代码编辑器)
```
#stressid{
    color:red;
}
#bigsizeid{
    font-size:25px;
}
到了<span id="stressid bigsizeid">三年级下学期时，我们班上了一节公开课...
```
上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。
查看全部

0 采集收起来源：类和ID选择器的区别
2021-01-22
bubblllllle

ID选择器:

技术点的解释：
1、使用ID选择器，必须给标签添加上id属性，为标签设置id="ID名称"，而不是class="类名称"。
2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。
3、id属性的值既为当前标签的id，尽量见名思意，语义化。

查看全部

0 采集收起来源：取个唯一标识 - ID选择器
2021-01-22
bubblllllle
类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。
语法：
```
.类选器名称{css样式代码;}
```
注意：
1、英文圆点开头
2、其中类选器名称可以任意起名（但不要起中文噢）
使用方法：
第一步：使用合适的标签把要修饰的内容标记起来，如下：
```
胆小如鼠
```
第二步：使用class="类选择器名称"为标签设置一个类，如下：
```
<span class="stress">胆小如鼠
```
第三步：设置类选器css样式，如下：
```
.stress{color:red;}/*类前面要加入一个英文圆点*/
```
查看全部

0 采集收起来源：再选一个类 - 类选择器
2021-01-22
bubblllllle
标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、、<img>。例如下面代码：
```
p{font-size:12px;line-height:1.6em;}
```
上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。
查看全部

0 采集收起来源：选一个标签 - 标签选择器
2021-01-22
bubblllllle
每一条css样式声明（定义）由两部分组成，形式如下：
```
选择器{
    样式;
}
```
查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2021-01-22
慕姐3143536

段落

查看全部

0 采集收起来源：开始我们的第一段对话吧- 段落标签
2021-01-22
慕仔0251246

文章标题
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
语法：
<hx>标题文本</hx> (x为1-6)

查看全部

0 采集收起来源：做个标题党 - 使用<hx>标签为网页增加标题
2021-01-22
慕仔0251246

文本
这个标签是没有语义的，它的作用就是为了设置单独的样式用的。

查看全部

0 采集收起来源：diy一个标签吧 - 使用标签自定义文字样式
2021-01-22

首页上一页 339 340 341 342 343 344 345 下一页尾页

0/150

提交

取消

开始学习

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

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

初识HTML(5)+CSS(3)

类和ID选择器的区别