CSS学习日记01——CSS概述

CSS又称为 层叠样式表 (Cascading Style Sheets) •。css可以用来为网页创建样式表，通过样式 表可以对网页进行装饰。 所谓层叠，可以将整个网页想象成是一层 一层的结构，层次高的将会覆盖层次低的。 •而css就可以分别为网页的各个层次设置样 式。

CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

基本语法  ：

CSS的样式表由一个一个的样式构成，一个 样式又由选择器和声明块构成。

 语法： – 选择器 {样式名:样式值；样式名:样式值; }

             – p {color:red; font-size:12px;}

行内样式 ：可以直接将样式写到标签内部的style属性 中，这种样式不用填写选择器，直接编写 声明即可。这种方式编写简单，定位准确。但是由于 直接将css代码写到了html标签的内部，导 致结构与表现耦合，同时导致样式不能够 复用，所以这种方式我们不使用。

例：<p style="color: red;font-size: 30px"></p>

内部样式表 ：可以直接将样式写到<style>标签中。这样使css独立于html代码，而且可以同时为 多个元素设置样式，这是我们使用的比较多的 一种方式。  但是这种方式，样式只能在一个页面中使用， 不能在多个页面中重复使用。

例：<style> p{color:red; font-size: 30px;} </style>

外部样式表 ：可以将所有的样式保存到一个外部的css文 件中，然后通过<link>标签将样式表引入 到文件中。
 这种方式将样式表放入到了页面的外部， 可以在多个页面中引入，同时浏览器加载 文件时可以使用缓存，这是我们开发中使 用的最多的方式。