css02

语法

1.继承

• CSS中有些规则将会默认被子元素继承，有些则不会。

  • 可继承属性：font系列属性、文本系列属性、列表系列属性、cursor、visibility等

  • 不可继承属性：margin、padding、border等

• 1.有些默认继承父类样式，有些默认不继承父元素的样式
• 2.属性
  • inherit 继承父元素的样式
  • initial 不继承。应用浏览器的默认样式
  • unset：不设定，表现该规则本来特性，即如果该规则具有继承属性则继承，否则不继承

2.单位值  （尺寸+颜色）

（1）尺寸

①绝对单位

• px（像素），
• 因为无论其他相关的设置怎么变 化，像素指定的值是不会变化的。
• 其他的绝对单位有 mm, cm, in，毫米（Millimeters），厘米（centimeters），英寸（inches）

②相对单位

• ①百分比
• ②em
  • 1em~1个M的宽度（16px）
  • 

（2）颜色

①关键字

• red、blue...

②rgb( r，g，b)；

• 一个RGB值是一个函数rgb()，给定的三个参数，表示的红色，绿色和蓝色通道的颜色值，由0到255之间的十进制数表示的。
• eg：background-color: rgb(255, 255,0)；

③rgba（r，g，b，a）

• RGBA函数不仅允许设置想要显示的颜色，还有此颜色的透明度。相应的函数采用同样的参数,再加上第四个值，设置透明度，范围在0-1之间，0是完全透明的,1是完全不透明的。
• a：apcaity 透明度
  • 透明度取值在0-1：
    • 0：完全透明
    • 1：完全不透明

④16进制颜色值

• # 后面紧跟的六个十六进制数
  • 每个十六进制数可以是0和F之间的一个值（一共16个）。每对十六进制数代表一个通道 （红色、绿色或者蓝色）允许我们指定256个可用值。
  • 例如：# e0b0ff
• 常用：
  • # ff0000：红色
  • # fff：白色
  • # ccc：灰色...

3.文本样式

color：为字体指定颜色

font-family：设置字体，为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体

• 一般Windows系统字体包存放路径 C：/Windows/Fonts
• 
• 
• font-family：' '；
• • web-font：网络字体
    • 1.下载字体文件
    • 2.声明字体 @ font-face （写在style标签中）
      • 安装
    • 3.引用
    • 
    • 

font-size：为字体设置指定文字大小，取值可以为绝对单位或者相对单位

font-style：用于打开和关闭斜体文本

• 

font-weight：为字体设置粗细程度

• 

text-align：文字排列方式

• 

text-decoration：设置或者取消文本修饰

• 

text-transform：设置或者取消字体改变

• 

text-shadow：设置或者取消文本阴影

• 
• 
• 

字体图标

• 1.font-awesome
  • 1.下载框架压缩包 （下载/引入外部样式库）
  • 2.在html中引入css文件 <link>
  • 3. 在行内元素上设置class='fa fa-xxx' (经常使用<i>)
• 2. icon-font
  • 1.(登录到官网，选择需要的图标)
  • 2..下载压缩包
  • 3..在html中引入css文件
  • 4.在行内元素上，设置class
    • class='iconfont xxxxx';

• letter-spacing :设置字符间的间距
• word-spacing：设置单词之间的间距
• width：

  • min-width
  • max-width

• height

  • min-height
  • max-height

• overflow：设置超出元素部分的展示形式

  • hidden：超出部分隐藏
  • scroll：超出部分以滚动条的形式展示