前端：html+css
一、基础知识
1.内联元素：独占一行的元素 如：div、p、h
2.内联元素（行内元素）：span、a
3.选择器：元素选择器、id选择器、类选择器、通配选择器等
后代选择器：选中指定元素的指定后代元素；语法:祖先元素 后代元素{}
子元素选择器:选中指定父元素中指定的子元素； 语法:父元素 >子元素 {}
4.元素之间的关系：父元素；子元素；祖先元素；后代元素；兄弟元素
5.伪类：伪类专门用来表示元素的一种的特殊的状态， 比如：访问过的超链接，比如普通的超链接，比如获取焦点的文本框
当我们需要为处在这些特殊状态的元素设置样式时，就可以使用伪类
访问过的
为其他元素设计
6.伪元素：使用伪元素来表示元素中的一些特殊的位置
:before表示元素最前边的部分
一般before都需要结合content这个样式一起使用
通过content可以向before或after的位置添加一些(不可选中的)内容
:after表示元素的最后边的部分
7.属性选择器作用:可以根据元素中的属性或属性值来选取指定元素
语法:
1.[属性名] 选取含有指定属性的元素
我是一个段落
我是一个段落
我是一个段落
我是一个段落
我是一个段落
我是一个段落
8. 子元素选择器：
| :first-child | 可以选中第一个子元素 |
| :last-child | 可以选中最后一个子元素 |
| :nth-child() | 可以选中任意位置的子元素 该选择器后边可以指定一个参数，指定要选中第几个子元素 even 表示偶数位置的子元素 odd 表示奇数位置的子元素 |
9.兄弟元素选择器：
| 前一个+后一个 | 可以选中一个元素后紧挨着的指定的兄弟元素 |
| 前一个 ~ 后边所有 | 选中后边的所有兄弟元素 |
10.否定伪类：作用：可以从已选中的元素中剔除出某些元素
语法：:not(选择器)
11.样式的继承：在CSS中，祖先元素上的样式，也会被他的后代元素所继承，但是并不是所有的样式都会被子元素所继承
比如：背景相关的样式都不会被继承 边框相关的，样式、 定位相关的
12.选择器的优先级：
| 选择器： | 内联样式 | id选择器 | 类和伪类 | 元素选择器 | 通配选择器* | 继承的样式 |
| 优先级： | 1000 | 100 | 10 | 1 | 0 | 无 |
13. 涉及到a的伪类一共有四个：
:link
:visited
:active
:hover
而这四个选择器的优先级是一样的。
写的时候按顺序l v a h -->（简记）love hate,否则会被覆盖
14、
今天天气真不错
注意：如果你不认真上课，你就会找不到工作
我是i标签
我是p标签
我是p标签中的内容我是small中的内容
《论语》是我最喜欢的书
子曰：学而时习之，不亦说乎
子曰：
有兵自远方来，干就完了
s
52
徐文奇[1]
H2O
18
16
今天天气真晴朗
public sataic void main(String args){
System.out.println("你好！");
};
15. 列表：
列表就相当于去超市购物时的那个购物清单，
在HTML也可以创建列表，在网页中一共有三种列表：
1.无序列表
2.有序列表
3.定义列表
- 锄禾日当午
- 汗滴禾下土
- 谁知盘中餐
- 粒粒皆辛苦
- 锄禾日当午
- 汗滴禾下土
- 谁知盘中餐
- 粒粒皆辛苦
-
人类
- 男人
- 女人
-
动物
- 阿狗
- 阿猫
- 狼
16.字体的样式
17. 行间距：通过line-height（行高）来设置
18.文本样式：
| text-transform | 可以用来设置文本的大小写 |
| text-decoration | 可以用来设置文本的修饰 |
| text-decoration：none | 去除超链接的下划线 |
| letter-spacing | 可以指定字符间距 |
| word-spacing | 以设置单词之间的距离 |
| text-align | 设置文本的对齐方式 |
| text-indent | 用来设置首行缩进 |
19. 边框：border
20.边距：
内边距（padding），指的是盒子的内容区与盒子边框之间的距离
内边距会影响盒子的可见框的大小，元素的背景会延伸到内边距
外边距（margin）指的是当前盒子与其他盒子之间的距离，
他不会影响可见框的大小，而是会影响到盒子的位置
21.定位：
定位（重点学习）
1.固定定位fixed：相对于浏览器窗口，也是一种绝对定位
2.绝对定位：absolute 相对于父元素或者浏览器窗口，脱离文档流
3.相对定位：relative 相对自己原来的位置，不会脱离文档流
22.文档流：页面底层的一个位置
23.浮动和媒体查询（重点）