如何在页面添加css

html-css010

如何在页面添加css,第1张

有四种方式,行内样式,内嵌式,链接和导入式

行内呢是在标签里直接写,比如<div

style="text-align:center

width:750px">

内嵌是写在<head></head>之间,例如:<style

type="text/css">

<!--

body

{margin:0

autopadding:0font-family:"宋体"font-size:12px

color:#000000text-align:center}

-->

</style>

链接和导入没有什么太大的区别,需要简历外部CSS文件,在GW中按ctrl+n有那选项

之后在页面<head></head>之间加入CSS文件所在路径调用,如下,<link

href="CSS/CSS1.css"

rel="stylesheet"

type="text/css"

/>

一般写在<head>和</head>之间,参考下面写法:

<style type="text/css">

body {margin:0 autowidth:100%font-size:12pxcolor:#666}

.c{border-collapse:collapsemargin:0 auto}

</style>

CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。总体来说,CSS具有以下特点:

(1)丰富的样式定义

CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

(2)易于使用和修改

CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。另外,可以将相同样式的元素进行归类,使用同一个样式进行定义,也可以将某个样式应用到所有同名的HTML标签中,也可以将一个CSS样式指定到某个页面元素中。如果要修改样式,我们只需要在样式列表中找到相应的样式声明进行修改。

(3)多页面应用

CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

在制作一个网页的时候,Css样式的添加一共有四种方式,一起来看看这四种方式:

一、使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。

<元件(标签) STYLE="性质(属性)1: 设定值1性质(属性)2: 设定值2...}

例如:

<TD STYLE="COLOR:BLUEfont-size:9ptfont-family:"标楷体"line-height:150%>

这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。

二、使用STYLE标签: 将样式规则写在<STYLE>...</STYLE>标签之中。

通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD></HEAD>部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。

三、使用 LINK标签: 将样式规则写在.css的样式档案中,再以<LINK>标签引入。

假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入

<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">

即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的<head></head>部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。

四、使用@import引入: 跟LINK用法很像,但必 放在<STYLE>...</STYLE>中。

要注意的是,行末的分号是绝对不可少的!这种方式也可以把