CSS简单了解

一、CSS简介

1、HTML的局限性和CSS的介绍

说起html，它是个单纯的家伙，它只关注内容的语义，在很早的时候，世界上的

网站都有一个共同的特点，就是丑，虽然HTML可以做一些简单的样式，但是带来的

是复杂和繁琐

CSS是层叠样式表的简称，有时我们也称为CSS样式表或者级联样式表

CSS也是一个标记语言

HTML专注于结构呈现、CSS专注于样式，即实现结构和样式相分离

CSS用于设计HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、

边框样式、边距等)以及版面的布局和外观的显示样式，简单理解就是可以美化HTML

2、CSS语法规范

在写HTML，我们要遵守一定的规则，CSS也是如此

CSS的规则由两部分组成：选择器和一条及多条声明

简单的理解：

选择器{样式}=》给谁改样式{改什么样的样式}

 

注意点：

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

属性和属性值以键值对形式体现

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

属性和属性值之间用：分开

多个键值对之间用英文的;分开

3、CSS代码风格

一下大码书写规范不是强制规范，而是符合实际开发的书写规范

（1）样式格式书写

*紧凑模式

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

*展开模式

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

推荐使用展开模式，因为更直观

（2）样式的大小写

*小写

h3 {
        color: red;
     }　

*大写

H3 {
        COLOR: RED;
     }

推荐使用小写，因为更容易看，特殊情况除外

（3）空格规范

h3 {
    color: red;
     }

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

*选择器(标签)和大括号中间有空格