甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
CSS按其位置可以分成三种：
专注于为中小企业提供成都网站制作、成都网站建设、外贸营销网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业稷山免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了千余家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
内嵌样式(Inline Style)
内部样式表(Internal Style Sheet)
外部样式表(External Style Sheet)
内嵌样式(Inline Style)
Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。
P style="font-size:20pt; color:red"这个Style定义p/p里面的文字是20pt字体，字体颜色是红色。/p
内部样式表(Internal Style Sheet)
内部样式表是写在HTML的head/head里面的。内部样式表只对所在的网页有效。
HTML
HEAD
STYLE type="text/css"
H1.mylayout {border-width:1; border:solid; text-align:center; color:red}
/STYLE
/HEAD
BODY
H1 class="mylayout" 这个标题使用了Style。/H1
H1这个标题没有使用Style。/H1
/BODY
/HTML
内部样式表(Internal Sytle Sheet)要用到Style这个Tag，写法如下：
STYLE type="text/css"
......
/STYLE
外部样式表(External Style Sheet)
如果很多网页需要用到同样的样式(Styles)，用什么方法呢？
将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。
比如可以用文本编辑器(NotePad)建立一个叫home的文件，文件后缀不要用.txt，改成.css。文件内容如下：
H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}
然后你建立一个网页，代码如下：
HTML
HEAD
link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css"
/HEAD
BODY
H1 class="mylayout" 这个标题使用了Style。/H1
H1这个标题没有使用Style。/H1
/BODY
/HTML
使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：
样式代码可以复用。一个外部CSS文件，可以被很多网页共用。
便于修改。如果要修改样式，只需要修改CSS文件，而不需要修改每个网页。
提高网页显示的速度。如果样式写在网页里，会降低网页显示的速度，如果网页引用一个CSS文件，这个CSS文件多半已经在缓存区(其它网页早已经引用过它)，网页显示的速度就比较快。
参考资料：
使用css样式表的好处有：
1、使用较少的代码，来实现更多的功能；
2、使用属性继承方法，可以轻松地维护相同标记的不同样式；
3、代码比率更高的内容；
4、页面加载变得很快；
5、定义风格的灵活性。
知识补充：
CSS全称Cascading Style Sheet，表示层叠样式表。CSS用于改进HTML标记内容的呈现。使用CSS我们可以基于媒体定义不同的内容显示方式。
CSS的优点：
一、CSS的代码更少
在公共样式类中可以定义具有值的属性，并且能在不同位置使用相同的类，因此可以使用较少的代码，来实现更多的功能。更少的代码意味着更少的带宽消耗并且易于维护内容。
二、易于维护
当在全局或共同的地方定义样式时，任何变化都变得容易操作。例如，在网站中，使用特定的样式属性显示产品的所有名称。现在，可以通过在外部样式表中更改产品名称的样式类，可以在整个站点中更改样式。可以保留多个样式表并根据需要使用它们。使用属性继承方法，可以轻松地维护相同标记的不同样式。
三、代码（标签）比率更高的内容
可以通过使用CSS在页面中实现更高的代码比例内容，因为可以将样式声明转换为外部文件。这对搜索引擎的观点很重要。可以向蜘蛛提供较少的标签（样式标签）和更多内容以进行索引。
四、下载页面
当浏览器缓存样式表页面时，页面加载变得很快。每次使用相同CSS的同一站点的不同页面时，都不会从服务器加载样式类。
五、定义风格的灵活性
名称级联表示可以使用多种样式，并且优先考虑本地样式。可以覆盖声明的全局样式，并将样式本地分配给标记。
通过定义CSS样式表，能让网页具有美观一致的界面，可以将网页制作得更加绚丽多彩。一个样式文件可以作用于多个页面，具有更好的易用性和扩展性，通过修改样式文件，能制作出内容相同，而外观不同的多姿多彩的页面。此外，使用样式表能有效地分离网页的内容与外观控制，从而便于美工与程序员之间的分工协作，发挥各自的优势。
为什么需要CSS样式表主要是基于以下几点原因：
(1) HTML标签的外观样式比较单一。
大家在学习前面几章时，不知发现没有？前面几章网页中的文字的字体、颜色、大小、超链接、间距等样式都比较单一，为了弥补这个缺点，就需要使用CSS样式表来对HTML标签进行控制，从而实现更加丰富多彩的效果。
(2) 样式表的作用相当于华丽的衣服。
同样的内容，采用不同的CSS样式文件，可以看到不同的布局和效果。从美工的角度来看，可以更容易地调整页面外观，调整页面里某个部分的文字或者图片等，从而实现复杂多变的页面效果，因此样式表相当于一个页面甚至一个网站的华丽的衣服。如图1所示，就是内容相同，外观不同的两个页面。
(3) 样式表能实现内容与样式的分离，方便团队开发。
由于当今社会竞争日趋激烈，分工越来越细，每个人做的事越来越单一，我们开发一个网站也不例外，往往需要美工和程序设计人员的配合，美工做样式，程序员写内容，为了迎合这种需要，就出现了样式表。样式表能把内容结构和格式控制相分离，使网页可以仅由内容构成，而将所有的网页格式通过CSS样式表文件来控制，从而方便美工和程序员分工协作、各司其职、各尽其能，为开发出优秀的网站提供了有力的保障。
css(casecating style sheet)
也叫层叠样式表单,意思是用于网页中样式的定义,所以网页有三个主要的部分,HTML,CSS,JS,主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言,它的特点:
1.结构与样式分离的方式,便于后期维护与改版;
2.样式定义精确到像素的级别;
3.可以用多套样式,使网页有任意样式切换的效果(如:的开,关灯效果)
4.降低服务器的成本
等,当然还有很多高级的特点,等你真正的了解并使用这个语言之后你自然会理解了.
用于布局网页，使用方便，容易维护，
用途多的去了，广义的讲就是像楼上说的美化网页，如：设置边框的样式（表格，文本框，图片等边框），还有字体样式（有颜色，大小，立体，字体样式）等，讲起来是很多，想让你的网页做的美就必须要用。
css样式将对布局、字体、颜色、背景和其它文图效果实现更加精确的控制。只通过修改一个文件就改变页数不计的网页的外观和格式。 在所有浏览器和平台之间的兼容性。更少的编码、更少的页数和更快的下载速度。除了还不能全面支持我们常用的大多数浏览器之外，CSS在实现其它承诺方面作得相当出色。CSS在改变我们制作样式表的方法。它为大部分的网页创新奠定了基石。