CSS3（层叠样式表，用于表现），基本语法为：选择器（选择页面中的指定元素） 声明块（要为元素设定的样式，声明是名值对结构，一个样式名对应一个样式值，两者之间用：连接 用 ；结尾）。
多层结构，可以用来设置每一层的结构。
第一种可以用标签内的style标签来设置，即内联样式。（不推荐使用）
<p style = "color:red;">继续努力</p>第二种通过在head元素中放入<style></style>标签来设置样式，缺点是不能跨页面使用，只能在当前页面用。
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>第三种是把css编写到外面的css文件中通过link标签建立连接，可以对样式进行复用（推荐），而且使用浏览器的缓存机制，加快页面加载速度。当第一次访问一个网页的时候，从服务器进行加载，此时会把数据缓存到浏览器本地，第二次访问同一页面时直接从本地进行访问，加快访问速度。
<!--html文件中-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style/login_style.css">
</head>
<body>
<div class="button">
<p>
</div>
</body>css3选择器分为元素选择器，id选择器，class类选择器（是一个标签的属性，与id类似，不同的是class可以重复使用，可以通过class属性对元素进行分组设置样式，使用语法为.加class名），通配选择器*，属性选择器。
交集选择器，用于复合多个选择器，必须以元素选择器开头.
并集选择器，两个选择器之间用逗号连接。
关系选择器，父元素（直接包含子元素），子元素（直接被父元素包含），祖先元素（直接或者间接包含后代元素），后代元素（直接或者间接被祖先元素包含），兄弟元素（同级别的元素）。
属性选择器语法为
①元素[属性名]表示对含有指定属性的元素进行样式修改
②元素[属性名=属性值]表示对含有指定属性和属性值元素进行样式修改
③元素[属性名^=属性值]表示对含有指定属性的属性值开头元素进行样式修改
④元素[属性名$=属性值]表示对含有指定属性的属性值结尾元素进行样式修改
⑤元素[属性名*=属性值]表示对含有指定属性和含有特定属性值元素进行样式修改
/*css文件中*/
/*元素选择器*/
p{ color:red;
}
/*id选择器,语法为#加id名*/
#button{ color:red
}
/*class类选择器*/
.button{ color:red;
}
/*通配选择器，页面全部元素生效*/
*{ color:red;
}
/*交集选择器*/
div.button{ color:red;
}
/*子元素选择器，语法为父元素>子元素*/
div > span{ color:red;
}
/*后代元素选择器，语法为祖先元素空格后代元素*/
div span{ color:red;
}
/*兄弟元素选择器，语法为前一个兄弟元素+后一个兄弟元素*/
div+span{ color:red;
}
/*兄弟元素选择器，语法为前一个兄弟元素~后面所有兄弟元素*/
div~span{ color:red;
}
/*属性选择器*/
p[title]
{ color:red;/*语法为
①元素[属性名]表示对含有指定属性的元素进行样式修改
②元素[属性名=属性值]表示对含有指定属性和属性值元素进行样式修改
③元素[属性名^=属性值]表示对含有指定属性的属性值开头元素进行样式修改
④元素[属性名$=属性值]表示对含有指定属性的属性值结尾元素进行样式修改
⑤元素[属性名*=属性值]表示对含有指定属性和含有特定属性值元素进行样式修改
*/
}
