==========================================================
CSS的基本语法:
选择符{ 样式属性: 取值 ; 样式属性: 取值;。。。。。。。}
选择符可以是: body h1 id class等标签值
例如:#lay 表示 选择 < div id=lay >
添加CSS的4种方法:
1. 链接外部样式表:是在网页中调用已经定义好的样式表来实现样式表的应用,它是一个单独的文件,在页面中用
< link > 标记链接到这个样式表文件,该标签必须放在<head>标签内部。
例如:<head>
< link rel=stylesheet type=text/css href=slstyle.css>
</head>
适用于大型网站外观的统一调整。
2. 内部样式表:
一般位于html的头部,即<head>内部,并且以<style>和结束,这些定义的样式就可以应用到页面中。
例如:
<head>
<style type="text/css">
<!--
body{
margin-left:0px;
margin-top:0px;
}
.style1{ color:#fbe334 ; font-size:13px }
-->
</style>
</head>
3. 导入外部样式表:
是指在内部样式表的<style>里导入一个外部样式表,导入时@import
<style type="text/css">
@import slstyle.css
</style>
4. 内嵌样式表:混合在html标记里使用的,可以单独对某个元素设定样式。
例如:<table style=color:red;margin-right:220px>
实际用到的案例汇总:
一:
<head>
<style type="text/css">
<!--
.h{ font-family:"宋体" }
-->
</style>
</head>
<body>
<span class="h" > 自古无与不成宴。</span>
</body>
二:
<head>
<style>
#Layer{ font-family:"宋体" }
</style>
</head>
<body>
<div id="Layer" > 自古无与不成宴。</div>
</body>
==============================