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

HTML里使用CSS 的几种方式？

2009-12-26 15:59 501 查看
1.直接添加在HTML的标识符(tag)里

　　< Tag style="properties"> 网页内容< /tag>
　　例如：
　　<p style="font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#ff9900">CSS</p>

　　这种方法虽然简单易用，但是不推荐使用这种方法，这种方法无法展现出样式表的优势：缩短修改时间提高工作量。

2.添加在HTML的头信息标识符<head>里：

　　例

　　<html>
　　<head>
　　<title>页面标题</title>
　　<style>
　　<!--
　　　　h2{
　　 　　 font-family:幼圆;
　　 　　 color:red;
　　　　}
　　-->
　　</style>
　　 </head>
　　<body>
　　 <h2>CSS标记</h2>
　　 <p>CSS标记的正文内容1</p> 　　
　　</body>
　　</html>

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

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

　　mian.css（自己命名）是单独保存的样式表文件，其中不能包含<style>标识符，并且只能以css为后缀。如果用做一个Web站点的话建议使用连接样式表的

　　方式，如果需要修改Web站点页面的话只需要修改几个CSS文件就可以使整个Web页面更新、缩短了修改时间和提高了工作量。

4.@import

　　<style type="text/css" media="screen">
　　　　@import "all.css";
　　</style>

　　link和@import的区别：服务对象不一样，@import 为CSS服务，link是为当前的页服务， @import会优先执行。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航