Sublime 快捷方式:

1. ctrl + shift + s 文件另存为
2. ctrl + s 保存
3. ctrl + 回车 另起一行
4. ctrl + shift + 回车 在上面另起一行
5. h2 * 数字1.... 出来多少对<h2></h2>
6. ctrl + Alt + 向下箭头 多选 多行起编辑
7. ctrl + / 加注释
8. ctrl + shift + / 多行代码注释
9. ctrl + shift +k 删除一行
10. ctrl +z 撤销

nth 表示第几个 从一开始

        内联框架                   优先级  1000
        id选择器                    优先级  100
        类和伪类                   优先级  10
        元素选择器                优先级  1
        通配*                         优先级   0
        ！import     优先级最高，尽量不用

image.png image.png

        $代表顺序出现的1234      
        id 用#表示    p#p$*3

块元素 自己独占一行
常见的块元素 : div p h1~h6 ul li .....

dir 对页面进行布局的 style 可以在里面写

      例 : <div style = "color:red;width:200px;">葡萄葡萄</div> 

内联元素也叫行内元素，只占自己的大小，不会独占一行

      常见的行内元素 : span  a  img   iframe....
      什么时候一行排不下就会另起一行

• css 层叠样式表 多个样式用 ；(分号) 隔开，
• id 去指定的位置 是唯一标识
• href 指向外部css的样式表
• css的注释 ：/* */ (必须在style里面写) (缩进)

大多数用块元素包含内联元素，a 是超链接 都可以包含

a 超链接标签可以包含任意元素 除了它本身

元素选择器 : 标签名{}   例: h1{}
id 选择器 : 语法：#p{}
类选择器 : .p2{}
通配选择器 :     *{}

a 的伪类

image.png

作业：

       1，plate 元素选择器
       2，bento 元素选择器
       3，#fancy ID选择器
       4，plate apple 后代元素选择器
       5，#fancy pickle 复合选择器
       6，.small 类选择器
       7，bento .small,plate .small并集选择器
       8，bento orange 后代元素选择器
       9，plate,bento,plate 并集选择器
      10， * 通配选择器
      11，plate * 后代元素选择器 （plate中的所有元素）
      12，plate + apple 兄弟元素选择器
      13，bento~pickle 兄弟元素选择器（bento后面所有的pickle）
      14，plate > apple 子元素选择器
      15，orange:first-child 子元素选择器
      16，:only-child 子元素选择器（只有一个子元素的）
      17，.small:last-child 子元素选择器
      18，plate:nth-child(3) 子元素选择器
      19，：nth-last-child（4）子元素选择器
      20，apple:first-of-type 子元素选择器
      21，plate:nth-of-type(even) 子元素选择器
      22，plate：nth-of-type（2n+3）子元素选择器
      23，apple：only-of-type 子元素选择器
      24，.small:nth-child(even) 子元素选择器
      25，bento:empty 子元素选择器（子元素为空）
      26，apple:not(.small) not选择器