CSS样式代码必须要保存在相应的位置上，如果没有保存在相应的位置上，也就是无效的，浏览器会认为是普通的字符串，也就不会对其进行解析了。

那么，CSS基本用法有哪些呢？

1、存放在标签的style属性中

通过style属性直接把样式码存放在标签内的做法也叫做行内样式，因为它和传统页面布局中在标签增加属性的设计方法没有什么不同之处，这种方法实际上还没有真正把HTML结构和CSS表现分开进行设计，所以最好不要使用，除非为页面中个别元素设置某个特定样式效果而单独进行定义。

2、存放在style标签内

在设置style标签的时候，应该指定type属性，可以告诉浏览器这个标签所包含的代码是CSS源代码，当浏览器解析style标签所包含代码的时候，就会自动的调用CSS引擎进行解析。

这种CSS应用的方式也叫做页面内部样式，如果仅为一个页面定义CSS样式的时候，使用这种方法比较高效，且管理方便。但是在一个网站中，或多个页面之间引用时，使用这种方法会产生代码冗余，不建议使用，而且一页页管理样式也是不经济的。

内部样式一般放在网页的头部区域，目的是让CSS源代码早于页面源代码下载并被解析，这样避免当网页信息下载之后，由于没有CSS样式渲染而使页面信息无法正常显示。

3、存放在.CSS类型文件中

把样式代码存放在单独的.CSS类型的文件中，并且使用link标签进行导入，当浏览器遇到这些代码的时候，会自动根据它们提供的URL把外部样式表文件导入到页面中并进行解析。

这种应用样式的方式也叫做外部样式，一般网站都采用外部样式来设计网站的表现层问题，以便统筹设计CSS样式，并能够快速开发和高效管理。

以上就是CSS基本用法，希望对大家有所帮助。

原创·大金SEO http://www.dajinseo.com/p/559.html