CSS初步学习

一.CSS简介

CSS是层叠样式表的简称，也是一种标记语言。

CSS主要用于设置HTML页面中的文本内容（字体，大小，对齐方式等），图片的外形（宽高，边框样式，边距等）以及版面的布局和外观显示样式。

CSS让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS可以美化HTML，让HTML更漂亮，让页面布局更简单

总结：1.HTML主要做结构，显示元素内容

           2.CSS美化HTML，布局网页

           3.CSS最大价值：由HTML专注做结构呈现，样式交给CSS，即结构HTML与样式CSS相分离

二.CSS语法规范

使用HTML时，需要遵从一定的规范，CSS也是如此。要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则。

CSS规则有两个主要的部分构成，选择器以及一条或多条声明。

选择器是用于指定CSS样式的HTML标签，花括号内室对该对象设置的具体样式

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

三.CSS代码风格

以下代码书写风格不是强制规范，而是符合实际开发书写方式。

1.样式格式书写

①紧凑格式

h3{ color:deeppink;font-size: 20px;}

②展开格式

h3{
    color:pink;
    font-size:20px;
}

2.样式大小写

h3{
    color:pink;
}

H3{
    COLOR:PINK;
}

强烈推荐样式选择器，属性名，属性值关键字全部使用小写字母，特殊情况除外

3.空格规范

h3{
    color:pink;
}