一，什么是css

在前端网页中，css就相当于化妆术，把一个很生硬的网页页面变得排版有序起来。

CSS可以对网页中的元素位置进行像素级精准控制，实现美化页面的效果，也能做到页面的样式和结构分离。

 二，css的基本语法规范

选择器加{声明}

也就是该找那个修改，修改成什么样子，声明的属性是键值对，使用；区分键值对，使用：区分键和值。但要注意CSS要放置到style标签中，但style可以放置到任何位置，一般在head里面。

<style>
 p {
 /* 设置字体颜⾊ */ 
 color: red;
 /* 设置字体⼤⼩ */ 
 font-size: 30px;
 }
</style>
<p>hello</p>

三，CSS选择器

CSS选择器主要分为五种：

1.标签选择器：直接打标签，就比如div什么的，就全选上改变了。

2.class选择器：是使用点什么什么就比如：.font32  ,这就是选择class为32的元素

3.id选择器：使用#submit，就选择了id为subimt的元素，实现精准改变

4.复合选择器：ul li a，也就是只设置在ul标签下，li标签下的a标签

5.通配符选择器：一个*，设置页面的所有元素。

四，常用的CSS样式

1.color，设置字体颜色

2.font-size：设置字体大小

3.border：边框，但边框中也还有样式：

border-width，设置边框粗细，

border-style设置边框样式，就比如点状，实线，虚线的

border-color，设置边框颜色

4.width/height，高度和宽度，但要注意，只有块级元素可以设置高度和宽度

5.padding：内边距，设置内容和边框的距离

padding-top

padding-bottom

padding-left

padding-right

6. margin：外边距，复合样式和内边距一样