CSS语言笔记<一>

时间：2015-04-05 10:19:11 阅读：160 评论：0 收藏：0 [点我收藏+]

标签：

CSS ( Cascading Style Sheets ) 中文:层叠样式表

实例:

<style type="text/css">
a{
　　color:red;
　　text-align:center;
　　font-size:24px;
 }
</style>

HTML标签属性是以id来设定选择器，在CSS中就以“#”来选定。

如:<a id="a">一段文字</a>

以下为选定表示的方法。
实例:

<style type="text/css">
#a{
　　color:red;
　　text-align:center;
　　font-size:24px;
    }
</style>

如果是以class选择器，表示的写法是以“.”号，和id选择器不一样的是，class选择器可以在多个HTML标签中使用。

如:<a class="qqq">一段文字</a>

实例:

<style type="text/css">
.qqq{
   　color:red;
   　text-align:center;
   　font-size:24px;    
    }
</style>

第二种写法

<style type="text/css">
a.qqq{
   color:red;
   text-align:center;
   font-size:24px;    
   }
</style>

实例:

<style type="text/css">
a,b,c,d{
        color:#FFFFFF;
        text-align:center;
        font-size:24px; 
       }
</style>

选择实例中a下的li元素，后代元素用空格来选择。

实例:

<style type="text/css">
.a li{
       color:red;
      }
</style>

子元素就是class下中同样的元素，父子级关系。用大于号表示

实例:

<style type="text/css">
.a > .title{
                color:#FF6300
               }
</style>

id具有唯一性，class具有多用性。

待续.............

标签：

原文地址：http://www.cnblogs.com/blogg/p/4393623.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行