css外部样式表在.css中怎么写

html-css021

css外部样式表在.css中怎么写,第1张

css外部样式表在css中写法如下:

先建立一个样式文件,如 a.html 的样式是 b.css。

a.html 里边 <style type="tyle/css" href="b.css" /> b.css文件里边写 样式就好了

三种方式

直接写head的<style>里

上一个回答里说外部。css文件在head里引用

内联,直接写在元素里

在网页中使用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}

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