# neuedu20190102

**Repository Path**: climpeaker2/neuedu20190102

## Basic Information

- **Project Name**: neuedu20190102
- **Description**: css基础语法
- **Primary Language**: HTML/CSS
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2019-01-02
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# neuedu20190102

# 介绍
css基础语法

# css课程
1. css基础语法
*  1.1 css的发展史和作用
*  1.2 css基础语法
        
		（1）css写在head部分的style标签中
		（2）css内容根据书写的位置分为三种：
		     外部css样式；
		     	写在html页面外部的独立的css文件(以.css结尾的文件)中的样式，使用link标签将其引入html页面中；
				使用原则：具有通用性的css样式写在外部css样式文件中，多个页面可以通过link共同使用
			 内部css样式；
			     写html页面的style标签中的css样式就是内部css样式；
			     使用原则：在本页面中多个控件标签使用的样式；
			 内联css样式；
			     写在标签的style属性中的样式，叫做内联css样式；
				 使用原则：某个特殊的标签样式使用内联css样式；
			三种css样式的优先级：
				 内联样式  >  内部css样式  >  外部css样式
				 
				 注意：因为css样式是被浏览器解释执行的，注意各类css样式被浏览器解析的先后顺序；
				 后执行的样式可能会覆盖先执行的样式
	    （3）css语法
		     css选择器:伪类{
				 /**注释内容**/
				 属性名:"属性值";
			 }
			 解析：
			     css选择器：用于选择css样式作用的目标dom对象；
				 属性是css的取值维度；
				 属性值建议使用双引号引出，避免属性值中含有空格等字符，造成运行错误；
				 使用;作为分隔符；
		（4）常用的css选择器
			 
		     ID选择器：
			 使用 #控件id 作为选择器；选择指定名字的id控件，要求控件需要指定id属性；
			 该选择只能选择指定id的控件，选择范围比较小
			 语法：
			 #控件id{
				 属性:"属性值";
				 
			 }
			
			 标签（类型）选择器：
			 使用标签名作为选择条件，选择当前html文档中的这一类标签对象作为css样式的目标对象；
			 语法：
			 标签名{
			 	属性:"属性值";
			 	
			 }
			 
			 类选择器：
		     定义一个css样式类，标签控件通过class属性引入需要使用的css样式类；
			 语法：
			 .样式类名{
			    属性:"属性值";			 
			 }
			 
			 注意：样式类名之前有.，表明这是一个css样式类的定义；
			 
			 包含选择器：
			 
			 选择器1 选择器2{
				 
			 }
			 解析：只要选择器2包含在选择器1中即满足条件；
			 
			 子选择器：
			 选择器1 > 选择器2{
				 
			 }
			 解析：
			 选择器2是选择器1的直接子类才满足条件；
			 
			 注意：
			 包含选择器和子选择器的区别：
			     包含选择器可以直接选择孙子类，具有包含关系即可（可以间接包含）；
				 子选择器：只能选择直接子类；不能有间接关系；
			通用选择器：
				 *{
					 
				 }
			 *表示所有的选择对象；
			 
			 相邻选择器：
			    选择器1 + 选择器2{
					
				}
				解析：选择器2是选择器1的兄弟节点（后续相邻的节点）
			 属性选择器：
				 选择器[属性名='属性值']{
					 
				 }
				 注意：
				 属性选择器中如果选择器是标签，则表示选取满足改属性条件的标签；
				 如果选择器是其他的选择器，则表示选择器选出的结果集中的标签对象满则属性条件的子集；
				 
		（5）不同css选择器之间的优先级	 
		     id选择器 > 类选择器 > 标签（类型）选择器
 		（6）不同选择器之间可以使用 , 分割，表示并列关系；
		 
2. css常用样式属性使用
*  2.1 css样式属性赋值方式        
		（1）css api的使用方法
		     需要注意每个样式的默认值、适用范围、继承性、兼容性、赋值方式；
		（2）css样式的赋值方式
		     以margin属性的赋值方式为例：
			 如果进行统一赋值：
			 例如：margin : 5px;
			 表示margin的四个维度上、右、下、左的值都是5px；
			 例如：margin：1px 5px;
			 表示上下都是1px；右、左都是5px；
			 例如：margin：1px 2px 5px；
			 表示上1px；右2px；下5px；左：2px；
			 总结规律：
			     统一赋值时，
				     从上右下左开始进行依次赋值；（从上开始，顺时针赋值）
					 如果那个维度没有赋值，则取对向的值；
			 另外，可以使用margin-top、margin-right、margin-bottom、margin-left单独对某一个维度进行赋值；
			 
*  2.2 border边框样式的使用 				  
    border边框样式：
		注意：取值范围、综合赋值顺序没关系；
		
*  2.3 布局样式的使用				  
	 float属性：
	     改变块域标签的独占一行的特性，让块域标签按照从左往右、或者从优往左的方式进行排列在一行，当一行满时，自动换行。
				  



#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)