第一天

HTML -超文本标记语言- 结构

CSS - 层叠样式表 - 样式

JS -脚本语言 - 行为

---

Sublime text 快捷键

新建文档 ctrl+n
保存文档 ctrl+s
返回上一步 ctrl+z
位移快捷键 ctrl+[ 或者 ctrl+]

注释 ctrl+/
关闭文件 ctrl+w

---

HTML基础结构

• html父元素,head/body 子元素

• 父子关系要用tab换行,兄弟关系要处于同一列

这行命令告诉浏览器我们要书写html文档了
文档类型是HTML5

注意：不是标签



 

    
    
         
         
     
            
             

    
    head内部包含的内容绝大部分是不可见的，主要是用来辅助页面的功能 

    
     
    body内部绝大部分都是可见的，主要是用来搭建HTML结构


HTML内容要全部书写在根元素当中

---

CSS的引入（掌握）

与

CSS的选择器（重点）

• 内联样式表
• 内部样式表(三种选择器)：多用Class， 少用ID。

  * 标签选择器

  *类选择器

  *ID选择器

• 外部样式表

内联样式表：

语义：无意义

内部样式表-标签名选择器：

内部样式表-类选择器：

内部样式表-ID选择器：

外部样式表：

需要另外创建style.css在css文件名下

style.css

div{
            width: 300px;
            height: 300px;
            background-color: black;
        }

---

选择器优先级： 谁控制的越精确，谁的优先级就越高

• 标签名：整个标签
• 标签名：相同的类型
• ID： 一个ID名称
  内联样式表>ID选择器>类选择器>标签名选择器

引入方式的优先级：

• 当选择器的优先级相同的时候，谁后加载谁生效。
• 当选择器的优先级不同的时候，谁的优先级越高，谁生效。
  内联>内部样式表？外部样式表