1、引入css的代码有内行式与外联式的标签。
<标记名 style=“属性1：属性1值；属性2：属性2值；”>内容</标记名> 标记名就是标签的名字
2、引入css的内嵌式的方式
<head>
<title>标题</title>
<style type="text/css">
选择器{属性1：属性值1；属性2：属性值2；}
</style>
</head>
3、通过外联的方式引入css的样式
标签都是<link href= "css的文件路径" type=“text/css” rel="stylesheet"> 位置都是在head的标签里面
4、css的基础选择器
（1）标签选择器
标签名{属性1：属性值1；属性2：属性值2；}
（2）类选择器
英文符合点.类名{属性1：属性值1；属性2：属性值2；}
（3）ID选择器
这个选择的符号是“#”的开头
#ID名字{属性1：属性值1；属性2：属性值2；}
只能对应于文档的某一个具体的元素。
（4）通配符选择器
他利用的符合是*
*{属性1：属性值1；属性2“属性值2”}
5、边框的属性
边框的样式属性（border-style） 边框的宽度属性（border-width） 边框的颜色（border-color）
接下来如果是说左右上下的位置主要就是在中间
边框的上边就是 border- top- style
6、内外边距的属性
margin-位置是上右下左 都是顺时针来着
padding-位置是上右下左 都是顺时针来着
7、background-color 背景颜色
8、background-image 背景图片
background-image：URL（路径）
background-repeat 沿着水平或者垂直的方向平铺的。
background-position：背景图片的位置 有可以设置水平与垂直的
9、页有scroll：图像是随着页面元素滚动
fixed是固定在屏幕的
如果是想要设置图片固定，然后可以使用
background- attachment：fixed；
10、综合的设置背景
background：背景色 URL（“图像的位置”） 平铺 定位 固定；
background：red URL（img/q.jpg） no-repeat 50px 80px fixed;
11、块级元素
display 网页有多个块级元素与内行元素之间的切换、主要就是对属性值的含义如下的
inline:行内元素之间的
block的块级元素
inline-block的行内块的元素之间的切换
none 隐藏的元素
![CSS的伪元素和伪类的区别[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)