CSS，又称层叠样式表，其中有一些选择器，用来选择html的标签元素，对元素进行修饰和加工，css也不算是什么逻辑性的编程语言，但是能对html元素进行加工。
在进行具体的html元素修饰之前，要先引入进行css编辑的关键字：<style> </style>
引入style有三种方式进行引入：
一：外部样式
通过link标签进行引入 .css 后缀的css文件：
在href中进行文件的引入。
二：内部样式
直接在html标签里面的某个地方定义style标签 然后在里面编辑（一般放在head标签里面）：
三：行内样式
直接在html里面的某个标签里面的属性里面添加style属性进行实现：
在引入了style之后就可以在里面进行对html的属性修改，修改方式是通过选择器选定需要修改的html标签，然后进行修改，这里有一些常见的选择器：
类选择器：
使用方法： “ . ” + “ 类名” 然后后面加一个大括号，但是前提是标签要带有该类的属性：
然后就可以进行类选择器选定该标签：
id选择器：
使用方法： “ # ” + “ id名 ” 然后加一个大括号，具体方法跟类选择器类似：
标签选择器：
使用方法：“标签” +大括号 ，直接对标签进行选择，但是可能会多选了一些不需要修饰的标签，因此并不常用，上面的类选择器和id选择器比较常用。
通配符选择器：
使用方法：“ * ”加大括号：选择所有标签进行修饰：
后代选择器：
使用方法：id选择器/类选择器/标签选择器 +一个空格+选择器 ，父类是空格前的选择器，后代是空格后的选择器（包括父类的孙类，也就是子类的子类），然后对父类里面的子类（包括孙类）进行修改：
以上就是对first类里面的所有div标签进行修饰，如果div标签里面包括div标签，也会进行修改。
子类选择器：
使用方法：id选择器/类选择器/标签选择器 +” >“ 符号 +选择器，对 ” >“ 号前面是父类，只会对 ”> “后面的子类进行修饰，不会涉及到所有后代的标签：
并列选择器：
使用方法：某一个选择器 + “ ，” +某一个选择器 ，做到对逗号两边的选择器都进行选中修饰，两者并列，不存在是否后代关系：
常见html元素属性：
color（颜色）
使用方法：color ：（某一颜色），例如color：red； 那么就变成红色。
另一种方式：
color ：rgb（xx,xx,xx）其中xx为1-255的数字，r（red）代表红，g（green）代表绿，b（blue）代表蓝，指定数字就是为了调节三个颜色的大小。
height（高度）width（宽度）
分别调节元素的高度和宽度，单位为 “ px ” 代表像素。
注意：高度和宽度大小调节不能对行内元素进行调节。
font-size，font-weight，font-style
font-size：对标签内的文字大小进行修改，单位为 “px ”。
font-weight：对标签内的文字粗细进行修改：范围为100-900，
font-style：对标签内的文字形式进行修改i，可以变为斜体字 font-style : italic , 默认情况下为font-style ：normal。
text-align
文本对齐，可以使得行内元素进行在行内靠左或靠右：
text-align：center（靠中）
text-align：left（靠左）
text-align：right（靠右）
text-decoration
文本修饰，对文本加下划线或者横线：
text-decoration：underline (对文本加下划线)
text-decoration：line-through（对文本中间划一条横线）
background-color
对标签内背景进行加颜色，例如
background-color：red（把背景变成红色）
background-imge
对标签内背景加上图片，例如
background-imge：url（xxx），xxx为图片的路径。
border-radius：
是对边框进行圆角形
border-radius：25px；
块级元素和行内元素区别：
行内元素：
- 设置宽高无效；
- 设置margin和padding都只有左右方向有效，上下方向无效(设置padding-top, padding-bottom时表现为元素增大但不影响其他元素的位置)；
- 多个行内元素，在一行中排列，不会自动换行；
- 只能包含文本。
块级元素:
- 可以设置宽高；
- 设置margin和padding上下左右都有效，会影响其他元素的位置；
- 多个块级元素，默认排列从上到下，可以自动换行；
- 可以包含块级元素和行元素。
1127
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
