CSS全攻略和实例应用

时间:2009-07-01 10:05:34  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:t;</style>2.外链式:<link href="http://XXX.com/*.css" rel="stylesheet" type="text/css">3.导入式<style type="text/css"><!--@import url("*.css");--></style>3.属性式:<div style="position:abs...
  正文:Css全称Cascading Style Sheet。层叠式样式表。CSS的出现其实是一次革命,它试图将网站的内容与表现分开。

一、CSS的四种实现方式:

1.内嵌式:
<style type="text/css">
<!--
CSS代码
-->
</style>

2.外链式:
<link href="http://XXX.com/*.css" rel="stylesheet" type="text/css">

3.导入式
<style type="text/css">
<!--
@import url("*.css");
-->
</style>

3.属性式:
<div style="position:absolute; width:200px; height:115px; z-index:1; left: 209px; top: 154px;"></div>


二.CSS的定义:
选择对象{属性1:值1;属性2:值2;属性3:值3;属性n:值n……}
如:
td{font-size:12px;color:#FFFF00}
.myname{font-size:12px;color:#FFFF00}
a:hover{font-size:12px;color:#FFFF00;text-decoration: underline;}


三.四种选择对象

1.HTML selector (TagName)
2.class selector (.NAME)
3.ID selector (#IDname)
4.特殊对象 (a:hover a:link a:visited a:active)


1.HTML selector
HTML selector就是HTML的置标符,如:DIV、TD、H1。HTML selector的作用范围是应用了该样式的所有页面中的所有该置标符。

例:
<html>
<head>
<title>第二电脑网CSS教程 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
td
{
color: #FF0000;
}
-->
</style>
</head>
<body>
<table width="300" border="0">
  <tr>
    <td>第二电脑网</td>
  </tr>
  <tr>
    <td>电脑网第一门户</td>
  </tr>
</table>
</body>
</html>

注意:在<TD>中没有应用什么,其中文字自动变红色。

2.class selector
定义class selector需要往其名称其加一个点“.”。如“.classname”。class selector的作用范围是所有包含“class="classname"”的置标符。

例:
<html>
<head>
<title>站长资讯CSS教程 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.fontRed
{
color: #FF0000;
}
-->
</style>
</head>
<body>
<table width="300" border="0">
  <tr>
    <td class="fontRed">站长资讯</td>
  </tr>
  <tr>
    <td>站长第一门户</td>
  </tr>
</table>
</body>
</html>

注意:在第二个<TD>中没有“class="fontRed"”,所以文字没有变红色。

"CSS全攻略和实例应用"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Page/css/2008-10-06/1850.html


关键字:

关于《CSS全攻略和实例应用》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td