您的位置：首页 > Web前端 > CSS

HTML里使用CSS 的几种方式

2012-08-20 22:25 281 查看
直接添加在HTML的标识符(tag)里

< Tag style="properties"> 网页内容< /tag>

例如：

<p style="font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#ff9900">CSS</p>

以上代码呈现的效果:

CSS
这种方法虽然简单易用，但是不推荐使用这种方法，这种方法无法展现出样式表的优势：缩短修改时间提高工作量。
添加在HTML的头信息标识符<head>里：
<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>CSS</title>

<style type="text/css">

body {background:#FFFF33;

background-image:inherit;

font-family:Geneva,Arial, Helvetica, sans-serif;

font-size:12px;

/*注释部分*/

}

</style>

</head>
　　type=”text/css”表示样式表采用MIME类型，帮助不支持CSS的浏览器过滤掉CSS代码，避免在浏览器面前直接以源代码的方式显示我们设置的样式表。/**/为注释CSS的标识符。

链接样式表 同样是添加在HTML的头信息标识符<head>里:
< head>

< link rel=”stylesheet” href=”main.css” type=”text/css” >

< /head>

　　mian.css（自己命名）是单独保存的样式表文件，其中不能包含< style>标识符，并且只能以css为后缀。如果用做一个Web站点的话建议使用连接样式表的方式，如果需要修改Web站点页面的话只需要修改几个CSS文件就可以使整个Web页面更新、缩短了修改时间和提高了工作量。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航