posts - 262,  comments - 221,  trackbacks - 0
          一、CSS的語法構成:

          CSS語法由3部分構成:
          ①selector:選擇器,也既是你想定義屬性的HTML元素或標記
          ②property:屬性,也既是你想改變的HTML元素的屬性
          ③value:屬性值

          屬性和屬性值以冒號隔開,由花括號圍繞。

          備注:如果屬性值由多個單詞構成,則使用引號將屬性值括起來,例如:
          p {font-family: "sans serif"}

          備注:如果需要為某個HTML元素定義多個屬性,則每個定義之間必須用分號隔開,可換行書寫,例如:
          p {
              text-align: center;
              color: black;
              font-family: arial
          }

          備注:如果多個HTML元素都用到同樣的定義,則可以將它們歸為一類,例如:
          h1,h2,h3,h4,h5,h6 {
              color: green
          }

          備注:如果同一種HTML元素需要有多個不同的定義,則需要使用類選擇器的概念,為該元素的CSS屬性定義若干類別。通過在該元素的class屬性中指明類別的名稱來引用不同的定義。例如:
          p.right {text-align: right}
          p.center {text-align: center}

          <p class="right">This paragraph will be right-aligned.</p>
          <p class="center">This paragraph will be center-aligned.</p>

          備注:如果需要引用多個不同的類別,則用空格隔開。例如:
          <p class="center bold">This is a paragraph.</p>

          備注:如果某些屬性定義被所有的HTML元素所引用,則可以使用實心句號表示所有的HTML元素,剩余部分語法和普通的類別定義一樣。例如:
          .center {text-align: center}

          <h1 class="center">This heading will be center-aligned</h1>
          <p class="center">This paragraph will also be center-aligned.</p>

          備注:如果覺得引用CSS類別比較難記,則可以通過2種方法來引用:
          ①為該類別定義一個屬性,通過屬性名來引用。語法是:selector[type="屬性名"] {屬性:屬性值},如p[type="段落1"]{...}
          ②為該類別定義一個ID,通過ID來引用。語法是:selector#ID,如p#段落1 {...}
          input[type="text"] {background-color: blue}

          #green {color: green}

          p#para1 {
              text-align: center;
              color: red
          }

          在HTML元素中通過元素的id屬性來引用相應的CSS定義,例如<DIV id = "green">



          -------------------------------------------------------------
          生活就像打牌,不是要抓一手好牌,而是要盡力打好一手爛牌。
          posted on 2008-07-26 21:35 Paul Lin 閱讀(427) 評論(0)  編輯  收藏 所屬分類: Web基礎
          <2008年7月>
          293012345
          6789101112
          13141516171819
          20212223242526
          272829303112
          3456789

          常用鏈接

          留言簿(21)

          隨筆分類

          隨筆檔案

          BlogJava熱點博客

          好友博客

          搜索

          •  

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 安陆市| 望奎县| 巫山县| 青川县| 德安县| 永年县| 修武县| 汾西县| 五莲县| 榕江县| 子长县| 黄大仙区| 茂名市| 安康市| 于田县| 克拉玛依市| 滦南县| 昌江| 泸州市| 古丈县| 乐陵市| 淮安市| 娱乐| 隆安县| 呼玛县| 龙江县| 碌曲县| 云浮市| 来安县| 区。| 全南县| 西盟| 金湖县| 泽普县| 巴林左旗| 南华县| 屏东市| 红安县| 五华县| 慈利县| 柳州市|