精通css+div 读书笔记详解编程语言

第一章 Css 初步体验

Css（Cascading style sheet），中文译为层叠样式表，主要用于控制网页样式并允许将样式信息与网页内容分析的一种标记性语言。Css 是1996年通过W3c审核的，并且推介使用。层叠样式表可能不太好理解，这里使用firefox（火狐）浏览器，点击右键查看元素，打开控制台

找到设置，点击3D视图打开，这时你就能看到这样一个东西，点击它，你就明白为什么是层叠样式了。下面附一张我点击后的图

本章知识主要是让我们了解到Css给网站带来的便利，传统中修改网页样式功能单一而且维护困难，例如：在html中使用<font>标记给自己设置大小和 颜色，当内容出现的颜色不一样，或者颜色随时改动是，我们后期修改会非常麻烦。

传统HMTL缺点：1，维护困难 2，标记不足（文字间距等标记在html很难找到） 3，网页过胖（必须对每一个风格样式控制） 4，定位困难

主要通过下面四种方法使用CSs，1，行内样式  直接对html代码使用style属性，将css代码写入，也是最直接的一种，维护成本高

2，链接式  将css写入一个单独的文件，可以引入多个html文件中

3，内嵌式  将css代码写在 head标签内，用 <style>和</style>标记进行申明

4，导入样式  与链接式基本相同，使用import 导入CSS样式表，可以导入多个样式表，类似内嵌式效果，作为文件的一部分

CSS优先级： 行内样式-》链接式-》内嵌式-》导入样式

绝大多数浏览器对CSS有很好的支持，但各个浏览器对CSS的很多细节处理存在差异，这也就是我们后面要了解的兼容性。浏览器兼容性的主要原因就是浏览器对CSS默认值的设置不同

css 使用 /* */ 注释

在css代码中，我们有时候看到这样<!– 和  –> 中间写着css 代码，这是为了避免老式浏览器不支持 css，而将css代码直接显示在浏览器中