HTML

一、HTML和CSS概述

二、HTML术语

三、HTML的文档结构

四、绝对路径和相对路径

CSS

一、SCC引用

1. 使用外部样式表：CSS代码独立文件，在html中通过link元素引入到页面中。 
   
   • 引用规则：在html中 < link href=”样式地址”>。< link >元素存在于< head >内，一般不建议与< head >直接相连。
   • 特点：代码分离，方便复用和维护
   • 其他：ctrl+？ ：注释光标所在行。 再按一次ctrl+？ 则取消注释。
2. 使用内部样式表：将CSS代码写到HTML文档的style元素中。 
   
   • 书写：< style> < /style> 写到head里面。
   • 注意：一般进行调试时使用，可以先写在内部调试、然后粘到外部。
   • 特点：①没有了样式表文件，在某些时候可以提升效率。②多个页面难以共享样式，不利于代码效率。③HTML和CSS代码混杂，不利于程序员和搜索引擎阅读。④在某些对效率要去苛刻或测试的场景下使用。
3. 使用行内样式表：CSS代码写在元素的style中，而style写在起始标签的属性里。
   
   • 注意：行内样式不写选择器。
   • 特点：①没有了样式表文件，在某些时候可以提升效率。②多个页面难以共享样式，不利于代码效率。③HTML和CSS代码混杂，不利于程序员和搜索引擎阅读。④JavaScript操作的是行内样式，在测试的场景下使用。 
     优先级划分：行内样式表权重最大，优先级最高

二、CSS术语

1. CSS注释： 
   
   • 书写格式： / * 注释内容 */
   • 用于描述代码功能，浏览器解析代码时会忽略。
2. CSS规则： 
   
   • CSS代码由一个一个的规则组成，每个规则都指定了对那些元素应用什么样式。
   • 例如： h1{color: red；} ：整句叫规则；其中h1是选择器（主要作用是指出该样式规则应用到哪些元素上）；{color：red；}为声明块（指出有哪些样式规则）。
3. 选择器分类： 
   
   • ①元素选择器： 
     
     • 书写格式：标记名{声明块}
     • 所有与该标记名匹配的元素，都将应用声明块中的规则。
   • ②类选择器： 
     
     • 书写格式： .类名{/* 声明块 */} （其中类名自行定义）
     • 所有class属性为指定类名的元素，都将应用声明块中的规则。
     • 类选择器引用写到起始标签里；两个样式间用空格隔开。 
       如：< h1 class=”bigfont redcolor”>
   • ③ID选择器： 
     
     • 书写： #id值{/* 声明块 */} （其中id值自行命名）
     • 属性id为指定值的元素，都将应用声明块中的规则。
     • 注意：同一个HTML元素的id值必须唯一，即同一页面id值唯一。

优先级：ID选择器>类选择器>元素选择器