已有9212个主题
已有55702个回复
已有18131个图友
  • 本站| 百度| 谷歌| 雅虎| 搜狗
返回列表 回复 发帖

【网页培训班第二课】CSS的基本语法(1)

本文未经图形图像屋允许,禁止任何形式转载!违者必究!

1、CSS属性与选择符
      CSS的语法的结构仅仅由3部分组成:选择符(Selector)、属性(Property)和值(Value)。使用方法:
    Selector{Property:value;}
       选择符(Selector):指这组样式编码所要针对的对象,可以是一个XHTML对象,可以是一个XHTML标签,如body、 h1,也可以是定义了特定ID或Class的标签,如#main选择符表示选择符标示选择<div id="main">,即一个名称为main的ID的对象。浏览器将对CSS选择符进行严格的解析,每一组样式均会被浏览器应用到对应的对象上。
    属性(Property):是CSS样式控制的核心,对于第一个XHTML中的标签,CSS都提供了丰富的样式属性,如颜色、大小、定位、浮动方式等。
   (Value):是指属性的值,形式有两种,一种是指定范围的值,如float属性,只可能应用left、right和none3个值;另一种为数值,如width能够使用0-999px,或用其他单位来指定。
    在实际应用中,我们往往使用以下类似的应用形式。
    body{background-color:#FFFFFF;}
       该应用形式标示选择符为body,即选择了页面中的<body>标签,属性为background-color,这个属性用于控制对象的背景颜色,值为#FFFFFF。页面中的body对象的背景颜色通过使用这组CSS编码被定义为白色。
    除了单个属性的定义外,还可以为一个标签定义一个,甚至更多个属性定义,每个属性之间使用分号隔开,例如:
    br{
           text-align:center;
           color:#000000;
           font-family:宋体;
           }
       br标签被指定了3个样式属性,包含对齐方式、文字颜色及字体。
    同样,一个ID或一个Class都能通过相同的形式编写样式,例如:
    #main{
            text-align:center;
            color:#000000;
            font-family:宋体;
            }
        .font01{
            line-height:25px;
            color:#000000;
            font-famiy:宋体;
             }


今天就到这,下节讲ID及Class选择符。

学习了,写的好理解,谢谢!
返回列表