简单学习css

什么是 CSS?

CSS 是指层叠样式表 (Cascading Style Sheets)，样式定义如何显示 HTML 元素，样式通常存储在样式表中，外部样式表通常存储在 CSS 文件中，而多个样式定义可层叠为一个。所以可以理解css名字的由来，层叠样式表。

样式表的作用

我们编写html页面，单个的无所谓，但当我们开发项目时，会编写大量的html页面，而每个页面中的内容都要经过渲染，我们要重复的去编写这些代码，而样式表能帮我们简化这些过程。样式表定义如何显示 HTML 元素，就像 HTML 中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。

css的语法格式

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

——选择器可以是你要渲染的html的元素，或者id选择器，或者clss选择器；
——每条声明由一个属性和一个值构成，两者之间用冒号隔开；
——声明与声明之间用分号隔开；
css实例：

/*html元素选择器*/
p
{
    color:red;
    text-align:center;
}
/*id选择器*/
#example
{
    color:red;
    text-align:center;
}
/*class选择器*/
.example
{
    color:red;
    text-align:center;
}
/*class选择器也可以指定特定的HTML元素使用class。例如<p></p>元素*/
p.example
{
    color:red;
    text-align:center;
}

注释：个人理解，css可以看作是html页面的配置文件，为html页面的元素配置表现形式即样式，不论是html元素选择器还是id或是class，相当于java类中的方法，而html相当于我们创建的类的对象，我们可以在html中调用这些方法为我们的元素配置样式，可能理解有误，敬请指正。