选择器与元素分类
选择器
1.类选择器 1.1语法：
.类选器名称{css样式代码;
}
1.2注意：
1、英文圆点开头
2、其中类选器名称可以任意起名（但不要起中文）
1.3使用方法：
第一步：使用合适的标签把要修饰的内容标记起来，如下：
第二步：使用class="类选择器名称"为标签设置一个类，如下：
第三步：设置类选器css样式，如下：
`.stress{color:red;
}/*类前面要加入一个英文圆点*/
2.ID选择器
1.语法
#选择器名称{css样式码}
2.注意：
在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别：
1、为标签设置id=“ID名称”，而不是class=“类名称”。
2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。
Id选择器与类选择器的区别与联系 1.相同点：可以应用于任何元素 2.不同点： 1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
2、2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。
元素分类 在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
1.元素分类–块级元素
在html中
、 、、 和 display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。
a{display:block;
}
1.1 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
1.2常用的块状元素有：
、、...、、、、、
、 、
2.元素分类–内联元素 在html中，、、 和display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从而使 div 元素具有内联元素特点。
div{
display:inline;
}
…
2.1内联元素特点： 1、和其他元素都在一行上；
【自学前端 day10】2、元素的高度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
2.2常用的内联元素有：
、、
、、、、
3.元素分类–内联块状元素 内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。![]()
3.1inline-block 元素特点： 1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3.2常用的内联块状元素有：
![]()
、
推荐阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- CSS三栏布局方法
- 前端学习（十四）CSS 圆角边框代码
- 前端学习|【javascript】实现动画效果
- 自学前端—day 7
- 自学前端day 8
- 前端学习|回归前端学习第24天-实现俄罗斯方块小游戏7（实现单机版3—实现消行、更新方块、结束）
- 自学前端---day 3
- 前端学习——Day01
- 前端学习之——js解析json数组