css入門001

標籤：style   設定   tee   :active   div   hover   權重   長度   ext   

css層疊樣式表css的使用方式

• 在元素的style屬性內 行內式 內聯式
• 寫在<style>標籤內
• 寫在外部css檔案中，用<link>關聯到html中
• @import可以引入css,用於css中引入css

css的格式

選取器{        屬性：值;        屬性：值；    }

css的長度單位

• px 像素
• em 相對於預設大小倍數
• 百分比

顏色的表示

• 英文單詞
• rgb方式
  • rgb(0~255,0~255,0~255)
  • rgb(百分比，百分比，百分比)
  • rgb(255,255,255) 白色
  • rgb(0,0,0) 黑色
  • rgb(100,100,100)灰色 只要三個一樣都是黑色，只是深淺不一樣
• 十六進位

css選取器

• 元素選取器（p,div,tr...）
• ID選取器 #id名
• class選取器 .類名
• 關聯選取器-後代元素選取器 selecter selecter
• 關聯選取器-子項目選取器 selecteer>selecter
• 組合元素選取器 兩種基本選取器的組合
• 偽類別選取器（love-hate）
  • :link(未點擊時的顏色)
  • :visited(訪問後的顏色)
  • :hover(滑鼠經過時的顏色) 唯一一個偽類別選取器不需要與a連用
  • :active(滑鼠按著不放的效果)
• ###選取器的優先順序
• ID>CLASS>TAG
• 組合選取器 ID權重100 CLASS權重10 TAG權重1

css屬性字型屬性

• font-family 宋體 楷體...,襯線字型（serif）非襯線字型（sans-serif）(可設定多個字型，防止使用者沒有某字型)
• font-style 字型風格 normal(預設)/italic(斜體)/oblique(強制變斜)
• font-weight 字型粗度 normal(預設)/bold(加粗)/bodler(更粗)/lighter（細）/數字>=600粗/
• font-variant字變形 normal(預設)/small-caps(小型大寫字母)
• font-size 字型大小
• font 統一設定 font:[style/weight/varient]size family

顏色屬性

• color

文字屬性

• letter-spacing 字母間距
• word-spacing 單詞間距
• text-decoration 文本修飾
  • none
  • underline
  • overline
  • line-through

css入門001