在网页制作中如何使用Css

html-css04

在网页制作中如何使用Css,第1张

CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或 XML 等文件式样的计算机语言。

CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。

有三种方法可以在站点网页上使用样式表:

1.将网页链接到外部样式表。

2.在网页上创建嵌入的样式表。

3.应用内嵌样式到各个网页元素。

每一种方法均有其优缺点: (1)当要在站点上所有或部份的网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表 — 中作一次更改 — 而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。  (2) 当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 <HEAD>标记符内。嵌入的样式表中的样式只能在同一网页上使用。 使用内嵌样式以应用级联样式表属性到网页元素上。 如果网页链接到外部样式表,为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。

 要在网页上使用外部样式表的样式,可将该网页链接到样式表,方法是使用位于 “格式” 菜单上的 “样式表连接” 命令。可以链接一个或数个样式表到网页视图模式下的当前网页,或到在文件夹列表中的所选网页,或到站点上的全部网页。 该“样式” 框列出标准 HTML 标记符,例如标题 1,还有嵌入的样式表或链接到网页的外部样式表中所含的类或 ID 选择器。要应用样式到网页元素,请选定该样式然后单击 “样式” 框中的样式或选择器。 在 Microsoft FrontPage 2000 中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式” 菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性(例如∶ <p style="border-style: solid">)。然而某些属性的应用需要使用 CSS,其他则需要使用 HTML 。如果人们只想使用 CSS 应用内嵌样式,可使用 “样式” 按钮(位于网页元素的 “属性” 对话框里)应用类或 ID 选择器或嵌入式样式。

单纯的 CSS 是做不了网站的 它一般配合div一起用,当然也可以和table一起用 我想你问这个问题,应该会用 table 做网页吧 CSS 只是控制样式的,并非你指的“做网站” 打个比如 你写一个table 让它在页面居中 <table align="center"><tr><td></td></tr></table> 而用div + css <!-- 这段代码放到title里,如果做到外链CSS更好 --><style type="text/css">.mainBody {margin:0 auto} </style><!-- 这段代码放到body里 --><div class="mainBody"></div>这样能做到表现和结构的分离,也就是把一些控制整个页面的代码都放到 CSS 里,而页面只放一些网站的框架和内容。这样容易维护 当然,DIV+CSS 还有很多优点。这里就不和你说了,我想你要的就是上面我说的而已