当前位置:万百问>百科知识>CSS样式表怎么做

CSS样式表怎么做

2022-12-02 06:22:54 编辑:join 浏览量:605

CSS样式表怎么做

在网页中使用CSS:

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

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

<styletype="text/css">

<!--

body{color=red;font-size=9pt}

-->

</style>

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

如:

<P>Amazeyourfriends!</P>

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

1.链接样式表文件

方法:在<HEAD>内使用<LINK>标签:

如:<LINKREL=stylesheetHREF="mystyles.css"TYPE="text/css">

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

H1{color:green;font-family:impact}

P{background:yellow;font-family:courier}

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

方法:在<HEAD>内插入列代码:

<STYLETYPE="text/css">

<!--

@importurl(company.css);

H1{color:orange;font-family:impact}

-->

</STYLE>

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

H1{color:green;font-family:impact}

P{background:yellow;font-family:courier}

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

三、CSS举例

指定全文的文本格式:

body{background:yellow;color=red;font-size=9pt}

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

P{...}

H1{...}

TH{...}

TD{...}

...

指定超链接的样式:

A:link{text-decoration:none;color:#0000FF;font-family:宋体}

A:visited{text-decoration:none;color:#800000;font-family:宋体}

A:active{text-decoration:none;color:#FF0000;font-family:宋体}

A:hover{text-decoration:underline;color:#FF0000}

指定行距:

用数字设行距,如:

B{font-size:12pt;line-height:2}

浏览器将利用字号来确定行距:它将字号乘以设定的参数值。在本例中,行高将是24点。

用长度单位设定行距,如:

B{font-size:12pt;line-height:11pt}

用比例设定行距,如:

B{font-size:10pt;line-height:140%}

在本例中,行距是长度10points的140%,即14points。

标签:样式表,CSS

版权声明:文章由 万百问 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.wanbaiwen.com/article/11634.html
热门文章
二维码