前端：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.浮动和媒体查询（重点）