信息動態

網站設計是技術與創意的完美融合!

技術資訊

css基本知識與基本語法

2014-10-26 09:01:35

今天小編與大家一起共同學習一下、css基本知識與基本語法。

一、基本概念  

1、 選擇符:就是HTML當中可用的任何元素,例如:body,a,td p..... 

2、 類: 就是我們自己給格式起的名字,應用的時候叫名字(class=類) 

3、 偽類:visited、 active 、link 等

二、基本語法

 CSS的定義是由三個部分構成:選擇符(selector),屬性(properties)和屬性的取值(value)。 

基本格式如下:   selector { property: value}   (選擇符 { 屬性:值})   選擇符是可以是多種形式,一般是你要定義樣式的HTML標記,例如BODY、P、TABLE……,你可以通過此方法定義它的屬性和值,屬性和值要用冒號隔開:   body { color: black}   選擇符body是指頁面主體部分,color是控制文字顏色的屬性,black是顏色的值,此例的效果是使頁面中的文字為黑色。      

如果屬性的值是多個單詞組成,必須在值上加引號,比如字體的名稱經常是幾個單詞的組合:   p { font-family: "sans serif"}   (定義段落字體為sans serif)      如果需要對一個選擇符指定多個屬性時,我們使用分號將所有的屬性和值分開:   p { text-align: center; color: red}   (段落居中排列;并且段落中的文字為紅色)      為了使你定義的樣式表方便閱讀,你可以采用分行的書寫格式:   p   {   text-align: center;   color: black;   font-family: arial   }   (段落排列居中,段落中文字為黑色,字體是arial)      

2.選擇符組      你可以把相同屬性和值的選擇符組合起來書寫,用逗號將選擇符分開,這樣可以減少樣式重復定義:   h1, h2, h3, h4, h5, h6 { color: green }   (這個組里包括所有的標題元素,每個標題元素的文字都為綠色)   p, table{ font-size: 9pt }   (段落和表格里的文字尺寸為9號字)   效果完全等效于:   p { font-size: 9pt }   table { font-size: 9pt }      

3.類選擇符      用類選擇符你能夠把相同的元素分類定義不同的樣式,定義類選擇符時,在自定類的名稱前面加一個點號。假如你想要兩個不同的段落,一個段落向右對齊,一個段落居中,你可以先定義兩個類:   p.right { text-align: right}   p.center { text-align: center}   然后用不在不同的段落里,只要在HTML標記里加入你定義的class參數:   

 注意:類的名稱可以是任意英文單詞或以英文開頭與數字的組合,一般以其功能和效果簡要命名。 三、具體使用     1、行內: 用選擇符 { 屬性: 值 } 例如: TD { FONT-SIZE: 9pt}  2、文件頭:方在  之間

以上就是對CSS基本知識和基本語法的菜鳥試講解法,能夠給大家帶來一定的用處。

0532-85810878 473587358 [email protected]
大乐透开奖规则和奖金