如何在页面添加css

html-css029

如何在页面添加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"

/>

有三种方式:

1、内联:在HTML标签内用style属性添加CSS,如:

<span style="font-size:12px">字体大小为12像素</span>

2、外联:在HTML的head区块内用<style>...</style>标签来添加CSS,如:

<style>

.zt {font-size:12px}

</style>

<span class=zt>字体大小为12像素</span>

3、导入或链接:把CSS放入单独的文件,然后通过Import或Link连接到HTML内,如:

<style>@Import url("main.css")</style>

<link rel="StyleSheet" href="main.css" type="text/css" />