web进阶之三:css简介和样式
CSS是什么
CSS 指层叠样式表 (Cascading Style Sheets)。
在第一篇文章中我们介绍到，网页有三个部分组成，分别是结构(html)，样式(css)，表现(javascript)。 那么CSS主要就是做网页的样式。
css可以用来为网页创建样式表，通过样式表可以对网页进行装饰。
层叠，可以将整个网页想象成是一层一层的结构，层次高的将会覆盖乘次低的，而css就可以分别为网页的各个层次设置样式。
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
CSS基础语法
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
selector {declaration1; declaration2; ... declarationN }
选择器{样式名：样式值；样式名：样式值；}
在写申明的时候要用分号隔开
h1 {color:red; font-size:14px;}
001.JPG
行内样式
字面意思，即在行内，直接申明样式
<p style="color: red;font-size: 30px"></p>
<!--在段落内申明，字体颜色为red,大小为30px-->
这种方式编写简单，定位准确。但是由于直接将css代码写到了html标签的内部，导致结构与表现耦合，同时导致样式不能够复用，所以这种方式我们不使用。
内部样式表
即:可以直接将演示写到<style>标签中，<style>标签是写在<head>内。
<style>
p{color:red; font-size: 30px;}
</style>
这样使css独立于html代码，而且可以同时为多个元素设置样式，这是我们使用的比较多的一种方式。
** 但是这种方式，样式只能在一个页面中使用，不能在多个页面中重复使用。**
外部样式表
可以将所有的样式保存到一个外部的css文件中，然后通过<link>标签将样式表引入到文件中。切记，在外部写样式表的时候，后缀一定是.css文件。
这种方式将样式表放入到了页面的外部，可以在多个页面中引入，同时浏览器加载文件时可以使用缓存，这是我们开发中使用的最多的方式。
<head>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<!--把外部样式表在head标签中提起引用。-->
这里我用webstorm编辑好，然后后缀名为.css，把它和网页文件保存在同目录下，这样引用比较简单。
003.JPG
有任何问题请给我留言，或者直接发我邮箱taijirenlijunyang163@.com。欢迎大家交流讨论。
