HTML、CSS

HTML

HTML是一种超文本标记语言；

1.<h1>  </h1>       标题标签  

只有6个   h开头   效果：从大到小   <h2>  </h2>    ...   ...   <h6>  </h6>

2.<p>  </p>  段落标签 会自动换行

3.<b>  </b>  加粗1   <strong> </strong>   加粗2

4.<i> </i>   倾斜1    <em> </em> 倾斜2

5.<del> </del>  删除线

6.<ins> </ins>  下划线

7.  上标        下标

8.<addr title = ""> </addr>   缩写

9.<mark> </mark>   标记

10.<span> </span>  文本（重点）

11.<font> </font>  文字标签（重点）

12.<div> </div>    块标签（超级重点）

13.<a href =" "> </a>超链接标签（主要是用来跳转页面）

14.<img src="" alt=" "> 图片标签

15. <audio src=""></audio>    音频 需要加controls才可以打开，autoplay是自动播放，loop是循环播放

16. <vedio src=""></vedio>    视频 列表分为

17. 有序列表  ol嵌套li   type切换有序列表的类型Ii罗马数字 <ol type="">     <li></li>     <li></li> </ol>

18.无序列表 ul嵌套li <ul>     <li></li>     <li></li> </ul>

19.自定义列表   <dl>     <dt>标题</dt>     <dd>内容</dd> </dl>

标签分类：

1. 分为单标签和双标签

2.行级标签与块级标签，行级不会自动换行，块级会自动换行（面试题）

20.表单 input

input text 正常文本输入

input password 密码框

input checkbox 多选框

input select option 下拉

button submit 按钮

标签内的单词=" " 标签内的属性

CSS

CSS指层叠样式表；

层叠：多个样式定义可层叠为一个；

H5只负责页面结构，不负责页面样式，样式由CSS处理；

文档流的顺序：上左下右；

行级标签：按照文档流的顺序依次；

排列块标签：独占一行；

行内样式（在标签内写样式）style=“属性：属性值；属性：属性值”

color：字体颜色；font-size：字体大小

01.单词 

02.十六进制；

03.三原色rgb；

2.内联样式：

内部引用head标签中style标签；

外部引用：

 <link rel="stylesheet" href="hhh.css">

选择器：

1.全局选择器  *{}

2.类选择器

3. .类名{}

4.id选择器 不可重复 #id名

行内标签默认不能设置宽高，宽高取决于文字内容多少4.标签选择器 可使用标签名

5.群组选择器 写法 选择器1，选择器2

6.层次选择器： 后代选择器（嵌套关系）通过某层可以选中后面嵌套的多层 子代选择器 只能通过当前层选中紧跟着的选中，下一层  

7.兄弟选择器：（同级） 相邻兄弟 +通过当前位置的标答选中下个紧邻的标签 通用兄弟 ～通过当前位置可以选中同级在内的所有标签

8.伪类选择器 ：hover 当经过哪的时候要怎么样