美图秀秀和网页美工的合作

---

前言

1、HTML主要做结构，显示元素内容

2、CSS美化HTML，布局网页

CSS最大价值：HTML做结构呈现，样式CSS，即结构（HTML）与样式（CSS）相分离

---

一、CSS的组成

1、选择器

根据不同需求把不同的标签选出来这就是选择器的作用，简单说就是选择标签用的

2、一条或多条声明

（1）花括号内是对该对象设置的具体样式

（2）属性和属性值以“键值对”的形式出现

（3）属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等

（4）属性和属性值之间用英文“:”分开

（5）多个“键值对”之间用英文“;”进行区分

3、书写格式

书写规范：

选择器｛样式｝ 

例子：

p{
     
     /* 修改了文字颜色为红色 */
    color: red;
     /* 修改了文字大小为12像素 */
    font-size: 12px;
   }

CSS 的效果：
      给谁改样式｛ 改什么样式｝

二、CSS的代码风格

1、样式格式书写

（1）紧凑格式

h1{
      color :pink;font-size:30px;}

（2）展开格式

h1{
     
      color :pink;
      font-size:30px;
    }

2、样式大小写风格

（1）小写

h3 {
     
       color: pink;
     }

（2）大写

H3 {
     
       COLOR: PINK;
     }

3、样式空格风格

代码样式：

h3 {
     
       color: pink;
     }

注意：

1、属性值前，冒号后面，保留一个空格

2、选择器（标签）和大括号中间保留空格