在网页中加入CSS的方法
1.直接加在对象上
<html>
<head>
<title>title</title>
</head>
<body>
<span style="color:red">red</span>
</body>
</html>
2.加到页面头部
<html>
<head>
<title>title</title>
<style>span{color:red}</style>
</head>
<body>
<span>red</span>
</body>
</html>
3.链接外部的样式表文件
<html>
<head>
<title>title</title>
<link href="demo.css" rel="stylesheet" type="text/css">
</head>
<body>
<span>red</span>
</body>
</html>
4.导入外部的样式文件
<html>
<head>
<title>title</title>
<style>@import url (demo.css)</style>
</head>
<body>
<span>red</span>
</body>
</html>
注意:外部CSS文件中不能再包含<style>和</style>。
demo.css文件的代码如下:
span{color:red}
相关文档:
注释用/**/。
不要在属性值与单位之间留有空格。假如你使用 “margin-left:20 px” 而不是 “margin-left:20px” (20和px之间有空格),它仅在 IE 6 中有效,但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作。
外部样式表引用方式:<link rel="stylesheet" type="text/css" href="mystyle.cs ......
链接方法:
外部链接样表:<head><link rel="stylesheet" type="text/css" href="*.css"></head>
内部的:1:<head><style type="text/css"> example css </style></head>
&nbs ......
这本书不错,详细介绍了CSS的相关知识,对初学者和想进一步学习的人都有帮助。
相关笔记:
行内样式>ID样式>类样式>标记样式
font-weight:bold;
font-size:30px;
text-decoration:underline;
& ......