博客里的基本CSS代码格式及含义- 免烧砖机-回转窑-蒸压加气混凝土环保 ...
博客里的基本CSS代码格式及含义 [原创 2010-02-01 09:31:24]   

文章来源: http://wszhdain.blog.hexun.com

给大家展现一些基本的CSS代码,让大家能基本上看懂博客里的CSS样式表。

一、标记选择器

格式:<style>

         h1{                   //选中整个html中所有的h1标记

            color:red;         //定义颜色

            font-size:25px;    //定义大小

           }

      </style>

二、类别选择器   

格式:<style>

         .class{               //选中整个html中所有的类别标记

            color:red;         //定义颜色

            font-size:25px;    //定义大小

           }

      </style>

三、ID选择器

格式:<style>

         #id{                 //选中整个html中所有的id标记

            color:red;         //定义颜色

            font-size:25px;    //定义大小

           }

      </style>

注意:一个ID标记是不允许同时采用在两个标记中的。

四、选择器的声明

1、集体声明:

<html>

<head>

<style type="text/css">

<!-

h1,h2,h3,h4,h5,p{

   color:purple;

   font-size:15px;

}

h2.special,.special,#one{

text-decoration:underline;   //定义下划线

}

-->

</style>

</head>

<body>

<h1>文字</h1>

<h2>文字</h2>

<h3>文字</h3>

<h4 class="special">文字</h4>

<h5 class="special">文字</h5>

<p id="one">文字</p>

<p class="special">文字</p>

</body>

</html>

2、选择器的嵌套:

<html>

<head>

<style type="text/css">

<!--

p b{

    color:maroon;

    text-decoration:underline;

    }

-->

</style>

</head>

<body>

<p>文字<b>文字</b>文字</p>

</body>

</html>

先说这些基础的基础知识,记下了会说一下CSS的文字效果,请大家继续关注。

如果有什么不懂的,可以给我发帖留言!

郑重声明:资讯 【博客里的基本CSS代码格式及含义- 免烧砖机-回转窑-蒸压加气混凝土环保 ...】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——