css層疊樣式表

css的使用方式

• 在元素的style屬性?xún)?nèi) 行內(nèi)式 內(nèi)聯(lián)式
• 寫(xiě)在<style>標(biāo)簽內(nèi)
• 寫(xiě)在外部css文件中，用<link>關(guān)聯(lián)到html中
• @import可以引入css,用于css中引入css

css的格式

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

css的長(zhǎng)度單位

• px 像素
• em 相對(duì)于默認(rèn)大小倍數(shù)
• 百分比

顏色的表示

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

css選擇器

• 元素選擇器（p,div,tr...）
• ID選擇器 #id名
• class選擇器 .類(lèi)名
• 關(guān)聯(lián)選擇器-后代元素選擇器 selecter selecter
• 關(guān)聯(lián)選擇器-子元素選擇器 selecteer>selecter
• 組合元素選擇器 兩種基本選擇器的組合
• 偽類(lèi)選擇器（love-hate）
  • :link(未點(diǎn)擊時(shí)的顏色)
  • :visited(訪(fǎng)問(wèn)后的顏色)
  • :hover(鼠標(biāo)經(jīng)過(guò)時(shí)的顏色) 唯一一個(gè)偽類(lèi)選擇器不需要與a連用
  • :active(鼠標(biāo)按著不放的效果)
• ###選擇器的優(yōu)先級(jí)
• ID>CLASS>TAG
• 組合選擇器 ID權(quán)重100 CLASS權(quán)重10 TAG權(quán)重1

css屬性

字體屬性

• font-family 宋體 楷體...,襯線(xiàn)字體（serif）非襯線(xiàn)字體（sans-serif）(可設(shè)置多個(gè)字體，防止用戶(hù)沒(méi)有某字體)
• font-style 字體風(fēng)格 normal(默認(rèn))/italic(斜體)/oblique(強(qiáng)制變斜)
• font-weight 字體粗度 normal(默認(rèn))/bold(加粗)/bodler(更粗)/lighter（細(xì)）/數(shù)字>=600粗/
• font-variant字變形 normal(默認(rèn))/small-caps(小型大寫(xiě)字母)
• font-size 字體大小
• font 統(tǒng)一設(shè)置 font:[style/weight/varient]size family

顏色屬性

• color

文本屬性

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

轉(zhuǎn)載于:https://www.cnblogs.com/zgh929/p/7242205.html

總結(jié)

以上是生活随笔為你收集整理的css入门001的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。