css 样式规则

• 选择器用于指定css样式作用的HTML对象，花括号内是对该对象设置的具体样式
• 属性和属性值以”键值对“的形式出现
• 属性是对指定的对象设置的样式属性，例如字体，文本颜色
• 属性和属性值之间用英文"："连接
• 多个键值对之间用英文";"进行区分

css注释

注释

p{
    font-size: 14px； /* 注释内容 */
}

css 常用选择器

• 标签选择器

 span {} 

• 类选择器

 .box {}

• id选择器

 #user {}

• 通配符选择器

 * {}

• 伪类选择器 ：

 a:link {}

• 结构伪类选择器

 li:first-child { /* 选择第一个孩子  */}
 li:last-child { /* 选择最后一个孩子 */}
 li: nth-child(n) { /* 选择第n个孩子 */}
 li: nth-child(odd){ /* 选择所有的基数的孩子标签 */}
 li: nth-child(even){ /* 选择所有的偶数的孩子标签 */}

• 目标伪类选择器

 :target {
    color: red;
    font-size: 30px;
  }

css 命名规则

字体样式属性

font-size: 设置字号，该属性的值可以使用相对长度档位，也可以使用绝对长度单位，其中相对长度档位比较常用，推荐使用像素单位px,绝对长度档位使用较少。具体如下

font-family: 字体，常用有宋体，微软雅黑，黑体

font-weight: 字体粗细

• normal ：正常字体，相当于数字值400
• bold： 粗体，相当于数字值700
• bolder： 定义比继承值更重的值
• lighter：定义比继承值更轻的值
• <integer>： 用数字表示文本字体粗细，取值方位100| 200|300|400|500|600|700|800|900

font-style: 字体风格 例如 倾斜

• normal : 正常的字体
• italic： 指定文本字体样式为斜体
• oblique: 指文本字体样式为倾斜的字体 ，基本不用

font: 综合设置字体样式

 .p  {
   font: font-style font-weight font-size font-family;
}   

color 颜色

• 半透明 color:rgba(r,g,b,a)

取值方式有三种

• 预定义的颜色值如：red green blue 等
• 十六进制 如#FF0000
• RGB 代码 如红色 （255， 0， 0） 或者 rgb(100%, 0%, 0%)

lin-height 行高

• 常用属性值有三种，分别是 px em 和 %百分比

tex-align :水平对齐方式

• left : 左对齐
• right: 右对齐
• center: 居中对齐

text-index 首行缩进

letter-spacing:字间距

word-spacing：单词间距

text-shadown: 文字阴影

• 水平位置 垂直位置 模糊距离 阴影颜色

标签显示模式

块级元素 block-level : 没给块元素通常都会独占一整行或者多行，可以对齐设置宽度，高度，对齐等属性

  h1 ~ h6 , p , div, ul , ol, li

行内元素

特点

• 和相邻的行内元素在一行上
• 高， 宽无效， 但水平放心的padding 和margin 可以设置 垂直方向的无效
• 默认宽度就是他本身内容宽度
• 行内元素只能容纳文本或其他行内元素 (a除外)