慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕斯1095740

CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。

查看全部

0 采集收起来源：继承者 - 样式的继承
2020-12-21
慕斯1095740

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

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2020-12-21
慕斯1095740

伪类选择器
它允许给html不存在的标签（标签的某种状态）设置样式，在a 标签上使用 :hover

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2020-12-21
慕婉清9268277

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

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2020-12-21
慕斯1095740
通用选择器
通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色：
```
* {color:red;}
```
查看全部

0 采集收起来源：我全都要 - 通用选择器
2020-12-21
慕斯1095740

后代选择器
包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。
请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2020-12-21
慕斯1095740
还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：
```
.food>li{border:1px solid red;}
```
这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。
查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2020-12-21
慕斯1095740

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

查看全部

0 采集收起来源：类和ID选择器的区别
2020-12-21
慕斯1095740

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

查看全部

0 采集收起来源：取个唯一标识 - ID选择器
2020-12-21
慕斯1095740
1、英文圆点开头
2、其中类选器名称可以任意起名（但不要起中文噢）
使用方法：
第一步：使用合适的标签把要修饰的内容标记起来，如下：
```
<span>胆小如鼠</span>
```
查看全部

0 采集收起来源：再选一个类 - 类选择器
2020-12-21
慕婉清9268277
还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：
```
.food>li{border:1px solid red;}
```
这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。
查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2020-12-21
慕斯1095740

标签选择器
标签选择器其实就是html代码中的标签。如<html>、<body>、<h1>、<p>、<img>。

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2020-12-21
慕斯1095740
选择器
每一条css样式声明（定义）由两部分组成，形式如下：
```
选择器{
    样式;
}
```
在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。
查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2020-12-21
慕斯1095740

但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样，<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面（实际开发中也是这么写的）。感兴趣的小伙伴可以试一下，把它们调换顺序，再看他们的优先级是否变化。

查看全部

0 采集收起来源：总有个先来后到吧 - 三种链接方式的优先级
2020-12-21
慕斯1095740

1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起来源：还是把html和css分开吧 - 外部式css样式
2020-12-21

首页上一页 353 354 355 356 357 358 359 下一页尾页

0/150

提交

取消

开始学习

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

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

初识HTML(5)+CSS(3)

分组选择器

伪类选择器

通用选择器

后代选择器

类和ID选择器的区别

取个唯一标识 - ID选择器

标签选择器

选择器