怎样创建css样式表?

html-css09

怎样创建css样式表?,第1张

CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML

(标准通用标记语言的一个子集)等文件样式的计算机语言。

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

外联式Linking(也叫外部样式):将网页链接到外部样式表。

嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。

内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。

在Dreamweaver 8中,可以在开始弹出框中点击新建CSS文件。也可以在最上面的菜单栏里占击

文件,新建。在弹出框中选择CSS文件就可以了。

在网页中使用CSS:

一、内部规则 - 直接写在网页文件内部的样式

1.将以下代码插入在与之间可设定此页的默认的样式

2.在HTML行中加入样式规则

如:

Amaze your friends!

二、外部规则 - 独立的样式表文件

1.链接样式表文件

方法:在内使用标签:

如:

并建立一个文本文件,起名mystyles.css (和上面对应)。文件内容如:

H1 { color: greenfont-family: impact }

P { background: yellowfont-family: courier }

2.输入样式表文件(返回)

方法:在内插入列代码:

并建立一个文本文件,起名company.css (和上面对应)。文件内容如:

H1 { color: greenfont-family: impact }

P { background: yellowfont-family: courier }

可见该种方法的好处是可与网页的内部样式共存。

三、CSS举例

指定全文的文本格式:

body{background: yellowcolor=redfont-size=9pt}

指定局部的默认的文本格式:

P{...}

H1{...}

TH{...}

TD{...}

...

指定超链接的样式:

A:link {text-decoration: nonecolor:#0000FFfont-family: 宋体}

A:visited {text-decoration: nonecolor: #800000font-family: 宋体}

A:active {text-decoration: nonecolor: #FF0000font-family: 宋体}

A:hover {text-decoration: underlinecolor:#FF0000}

推荐你可以上菜鸟教程官网学习