css样式表可以将格式和结构分离（什么是CSS,CSS有什么用）

本文目录

• 什么是CSS,CSS有什么用
• 第2页:CSS样式表能为我们做什么
• css样式是什么
• CSS样式表的作用及特点
• 简述css样式的主要作用
• 5． CSS样式表的作用及特点
• CSS样式的主要特点及其类型

什么是CSS,CSS有什么用

通过定义CSS样式表，能让网页具有美观一致的界面，可以将网页制作得更加绚丽多彩。一个样式文件可以作用于多个页面，具有更好的易用性和扩展性，通过修改样式文件，能制作出内容相同，而外观不同的多姿多彩的页面。此外，使用样式表能有效地分离网页的内容与外观控制，从而便于美工与程序员之间的分工协作，发挥各自的优势。为什么需要CSS样式表主要是基于以下几点原因：(1) HTML标签的外观样式比较单一。大家在学习前面几章时，不知发现没有？前面几章网页中的文字的字体、颜色、大小、超链接、间距等样式都比较单一，为了弥补这个缺点，就需要使用CSS样式表来对HTML标签进行控制，从而实现更加丰富多彩的效果。(2) 样式表的作用相当于华丽的衣服。同样的内容，采用不同的CSS样式文件，可以看到不同的布局和效果。从美工的角度来看，可以更容易地调整页面外观，调整页面里某个部分的文字或者图片等，从而实现复杂多变的页面效果，因此样式表相当于一个页面甚至一个网站的华丽的衣服。如图1所示，就是内容相同，外观不同的两个页面。(3) 样式表能实现内容与样式的分离，方便团队开发。由于当今社会竞争日趋激烈，分工越来越细，每个人做的事越来越单一，我们开发一个网站也不例外，往往需要美工和程序设计人员的配合，美工做样式，程序员写内容，为了迎合这种需要，就出现了样式表。样式表能把内容结构和格式控制相分离，使网页可以仅由内容构成，而将所有的网页格式通过CSS样式表文件来控制，从而方便美工和程序员分工协作、各司其职、各尽其能，为开发出优秀的网站提供了有力的保障。

第2页:CSS样式表能为我们做什么

你可以将格式和结构分离。HTML从来没打算控制网页的格式或外 观。这种语言定义了网页的结构和个要素的功能，而让浏览器自己决定应该让 各要素以何种模样显示。 但是网页设计者要求的更多。所以当 Netscape推出新的可以控制网页外观的HTML标签时，网页设计者无不欢呼雀跃。我们可以用《FONT FACE、《I包在《P外边控制文章主体的外观等等。然后我们 将所有东西都放入表格，用隐式GIF空格 产生一个20象素的边距。一切都变得乱 七八糟。编码变得越来越臃肿不堪，要简单明了的初衷。CSS代码独立出来从 另一角度控制页面外观。你可以以前所未有的能力控制页面的 布局。《FONT SIZE能使我们调整字号，表格 标签帮助我们生成边距，这都没错。但 是，我们对HTML总体上的控制却很有限。我们不可能精确地生成80象素的高度， 不可能控制行间距或字间距，我们不能 在屏幕上精确定位图象的位置。 但是现在，样式表使这一切都成为可你可以制作出体积更小下载更快的网页还有更好的消息：样式表只是简单的文 本，就象HTML那样。它不需要图象，不 需要执行程序，不需要插件，不需要流式。它就象HTML指令那样快。 有了CSS之后，以前必须求助于GIF的事情现在通过CSS就可以实现。还有，正如 我先前提到的，使用串接样式表可以减 少表格标签及其它加大HTML体积的代码， 减少图象用量从而减少文件尺寸。你可以更快更容易地维护及更新大量的 网页。 没有样式表时，如果我想更新整个站点 中所有主体文本的字体，我必须一页一 页地修改每张网页。即便站点用数据库提供服务，我仍然需要更新所有的模板， 而且更新每一模板中每一个实例实例的 《FONT FACE。 样式表的主旨就是将格式和结构分离。利于样式表，我可以将站点上所有的网 页都指向单一的一个CSS文件，我只要 修改CSS文件中某一行，那么整个站点 都会随之发生变动。浏览器将成为你更友好的界面。 不象其它的的网络技术，样式表的代码 有很好的兼容性，也就是说，如果用户 丢失了某个插件时不会发生中断，或者意吧？ 那么，现在我们就开始制作一份样式表。

css样式是什么

CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。 在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 它的作用可以达到： （1）在几乎所有的浏览器上都可以使用。 （2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。 （3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。 （4）你可以轻松地控制页面的布局 。 （5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。 想一想，没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的？我们一般使用HTML标签来实现，代码非常烦琐。很难想象，如果在一个页面里需要频繁地更替字体的颜色大小，最终生成的HTML代码的长度一定臃肿不堪。 说实话，CSS就是为了简化这样的工作诞生的，当然其功能决非这么简单。 CSS是通过对页面结构的风格控制的思想，控制整个页面的风格的。 式样单放在页面中，通过浏览器的解释执行，是完全的文本，任何懂得HTML的人都可以掌握，非常的容易。生殖对一些非常老的浏览器，页不会产生页面混乱的现象。

CSS样式表的作用及特点

CSS可以很方便的用来控制网页的外观。主要有以下特点： 1.可以同时更新多个网页的样式。 2.使网页的表示层与结构层彻底分离 3.大大减小了网页文件的大下 4.加快了网页的加载速度现在用CSS来布局网页已经是一种潮流，如果要向网页设计方面发展，必须精通CSS。

简述css样式的主要作用

css样式将对布局、字体、颜色、背景和其它文图效果实现更加精确的控制。只通过修改一个文件就改变页数不计的网页的外观和格式。 在所有浏览器和平台之间的兼容性。更少的编码、更少的页数和更快的下载速度。除了还不能全面支持我们常用的大多数浏览器之外，CSS在实现其它承诺方面作得相当出色。CSS在改变我们制作样式表的方法。它为大部分的网页创新奠定了基石。

5． CSS样式表的作用及特点

css(casecating style sheet)也叫层叠样式表单,意思是用于网页中样式的定义,所以网页有三个主要的部分,HTML,CSS,JS,主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言,它的特点:1.结构与样式分离的方式,便于后期维护与改版;2.样式定义精确到像素的级别;3.可以用多套样式,使网页有任意样式切换的效果(如:www.YOUKU.COM的开,关灯效果)4.降低服务器的成本等,当然还有很多高级的特点,等你真正的了解并使用这个语言之后你自然会理解了.

CSS样式的主要特点及其类型

CSS(Cascading Stylesheets，层叠样式表)是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。层叠样式表的特点　　且不说过去的网页缺少动感，就是在网页内容的排版布局上也有很多困难，如果不是专业人员或特别有耐心的人，很难让网页按自己的构思和创意来显示信息。即便是掌握了HTML语言精髓的人也要通过多次地测试，才能驾驭好这些信息的排版，过程十分漫长和痛苦。为了Internet的发展，让更多人早日踏足这个多姿多彩的世界，新的HTML辅助工具呼之欲出。　　样式表就是在这种需求下诞生的，它首先要做的是为网页上的元素精确地定位，可以让网页设计者象导演一样，轻易地控制由文字、图片组成的演员们，在网页这个舞台上按剧本要求好好地表演。　　其次，它把网页上的内容结构和格式控制相分离。浏览者想要看的是网页上的内容结构，而为了让浏览者更好地看到这些信息，就要通过格式控制来帮忙了。以前两者在网页上的分布是交错结合的，查看修改很不方便，而现在把两者分开就会大大方便网页的设计者。内容结构和格式控制相分离，使得网页可以光由内容构成，而将所有网页的格式控制指向某个CSS样式表文件。这样一来的好出表现在两个方面:　　第一，简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。　　第二，只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。避免了一个一个网页的修改，大大减少了重复劳动的工作量，当你面对的是有数百个网页的站点时，CSS简直象是神对我们的恩赐!^_^　　添加层叠样式表的方法　　我们为网页添加样式表的方法有四种。　　1.最简单的方法是直接添加在HTML的标识符(tag)里:　　《 Tag style=”properties”》网页内容《 /tag》　　举个例子:　　《 p style=”color: blue; font-size: 10pt”》CSS实例《 /p》　　代码说明:　　用蓝色显示字体大小为10pt的“CSS实例”。尽管使用简单、显示直观，但是这种方法不怎么常用，因为这样添加无法完全发挥样式表的优势“内容结构和格式控制分别保存”。　　2.添加在HTML的头信息标识符《 head》里:　　《 head》　　《 style type=”text/css”》　　《 !-- 样式表的具体内容 --》　　《 /style》　　《 /head》　　type=”text/css”表示样式表采用MIME类型，帮助不支持CSS的浏览器过滤掉CSS代码，避免在浏览器面前直接以源代码的方式显示我们设置的样式表。但为了保证上述情况一定不要发生，还是有必要在样式表里加上注释标识符“《 !--注释内容--》”。　　3、链接样式表　　同样是添加在HTML的头信息标识符《 head》里:　　《 head》　　《 link rel=”stylesheet” href=”*.css” type=”text/css” media=”screen”》　　《 /head》　　*.css是单独保存的样式表文件，其中不能包含《 style》标识符，并且只能以css为后缀。　　Media是可选的属性，表示使用样式表的网页将用什么媒体输出。取值范围:　　·Screen(默认):输出到电脑屏幕　　·Print:输出到打印机　　·TV:输出到电视机　　·Projection:输出到投影仪　　·Aural:输出到扬声器　　·Braille:输出到凸字触觉感知设备　　·Tty:输出到电传打字机　　·All:输出到以上所有设备　　如果要输出到多种媒体，可以用逗号分隔取值表。　　Rel属性表示样式表将以何种方式与HTML文档结合。取值范围:　　·Stylesheet:指定一个外部的样式表　　·Alternate stylesheet:指定使用一个交互样式表　　4、联合使用样式表　　同样是添加在HTML的头信息标识符《 head》里:　　《 head》　　《 style type=”text/css”》　　《 !--　　@import “*.css”　　其他样式表的声明　　--》　　《 /style》　　《 /head》　　以@import开头的联合样式表输入方法和链接样式表的方法很相似，但联合样式表输入方式更有优势。因为联合法可以在链接外部样式表的同时，针对该网页的具体情况，做出别的网页不需要的样式规则。　　需要注意的是:　　·联合法输入样式表必须以@import开头。　　·如果同时输入多个样式表有冲突的时候，将按照第一个输入的样式表对网页排版。　　·如果输入的样式表和网页里的样式规则冲突时，使用外部的样式表。

样式表