入门CSS技术的简介以及CSS语法_css技术说明-优快云博客

CSS指的是层叠样式表(Cascading Style Sheets)，CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。CSS3是最新的CSS标准。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

工作原理：

CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。

示例：

无样式表（▲）

有样式表（▲）

从上面的两图比较可以看出来，有样式表的HTML展现更美观，所以我们可以将CSS通俗的理解为一种美化工具，可以美化HTML页面。

接下来的学习中我们都会讲到css的常用属性（字体属性（font）、背景属性（background）、区块属性（block）、方框属性（box）、边框属性（border）、列表属性（list-style）、定位属性（position）等。）以及它们的属性值。

W3school文档有关于HTML和CSS的教程也十分全面，建议收藏和学习。

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明（或者称为规则）。

选择器 {1条声明; 2条声明; ... n条声明; }

如图：

每条声明（规则）由一个属性和一个值组成。

选择器{ 属性:值; 属性:值; 属性:值; 属性:值;}

在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。

h1 {color:red; font-size:14px;}

名称	描述
选择器	选择器告诉浏览器该样式将作用于页面哪些对象，这些对象可以是标签，指定Class，或者ID值。浏览器在解析这个样式时，根据选择器来渲染对象的显示效果。
声明	声明被放置在一个{}里，可以是一个或者无数个，声明必须包括两个部分，属性和属性值，并且用英文分号;来标识一个声明的结束。
属性	属性名由一个单词或多个单词组成，多个单词之间可通过连字符"-"或者"_"相连，建议大家用"_"
属性值	属性值是用来定义显示样式的参数，包括数值和单位

提示：如果值为若干单词，则要给值加引号：

p {font-family: "sans serif";}

提示：如果要定义不止一个声明，则需要用分号将每个声明分开。大多数有经验的设计师会在每条声明的末尾都加上分号，这么做的好处是，当你从现有的规则中增减声明时，会尽可能地减少出错的可能性。就像这样：

p {
  text-align: center;
  color: black;
  font-family: arial;
}

入门CSS技术的简介以及CSS语法