css入门001

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