-
直接添加在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>type=”text/css”表示样式表采用MIME类型,帮助不支持CSS的浏览器过滤掉CSS代码,避免在浏览器面前直接以源代码的方式显示我们设置的样式表。/**/为注释CSS的标识符。
<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> - 链接样式表 同样是添加在HTML的头信息标识符<head>里:
< head>mian.css(自己命名)是单独保存的样式表文件,其中不能包含< style>标识符,并且只能以css为后缀。如果用做一个Web站点的话建议使用连接样式表的方式,如果需要修改Web站点页面的话只需要修改几个CSS文件就可以使整个Web页面更新、缩短了修改时间和提高了工作量。
< link rel=”stylesheet” href=”main.css” type=”text/css” >
< /head>
HTML里使用CSS 的几种方式
最新推荐文章于 2024-03-03 02:21:15 发布