<html>
<head>
<title>阴影特效文字</title>
<style type="text/css">
<!--
.effect{ /*类的声明*/
width: 300;
font-weight:bold;
font-size:20pt;
color: red;
filter: dropshadow(color=#666666, offx=5, offy=5);
}
-->
</style>
</head>
<body>
<div class="effect">阴影特效文字</div>
</body>
</html> ......
今天学习了css的引入方式和css的选择器
Css引入方式总共四种分别是：
1.<link rel=”realstyle” type=”text/css” href=”css.css”>
rel 表明连接的文件与html文档之间的关系
type 是表明文件类型
href 指向链接的css文件
2.在html文档的head部分直接写入css文档。
<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>
3. 直接在html标签里写入对这个标签的css控制
Eg:<div style="border:1px red solid;">测试信息</div>
4.使用@import引入css文件
1：在head里使用的时候：
<style type="text/css">
@import url(my.css);
</style>
2：在css文件里使用。
（@import本身是一个css命令。）
选择器总共有五种分别：
1.类选择器
在 CSS 中，类选择器以一个点号显示：
HTML：
<div class="test">测试代码</div>
CSS：
.test {color:red;border:1px blue solid;}
注意：类名的第一个字符� ......
最新文章 :