教程地址：这里
并非完整笔记！主要是记录重点知识
Table of Contents
解决方法（BFC）：Block Formatting Context 块级格式化环境
1.导入
注释：<!-- -->
文档声明：<!doctype html>
字符集设置：<meta charset="utf-8">
2.vscode使用
使用！+Tab可以生成一个完整结果
向下复制：alt+shift+向下箭头
自动生成英文文本：lorem
3.html
实体
网页中需要些特殊符号，使用html中的实体，语法为: &实体名字；
例如：
> <
meta标签：
description：用于指定网站的描述，显示在结果页面
http-equiv：用于重定向，时间+网址
语义化标签
<strong></strong>
<blockquote></blockquote>长引用，<q></q>短引用
块元素和行内元素
块元素中可以放任何东西（<p>内什么都不能放）
行内元素是不可以使用width和height来设置
我们可以使用display来设置元素显示的类型：
inline表示将元素设置为行内元素
block表示将元素设置为块元素
inline-block（尽量不用）表示将元素设置为行内块元素，可以设置宽高但是不会独占一行
none元素不在页面中显示
visiblity用来设置元素的显示状态
visible默认值，元素在页面中正常显示
hidden元素在页面中隐藏，不显示，但是依旧占据位置
列表
无序列表<ul>
有序列表<ol>
自定义列表<dl>
list-style:设置样式
超链接
<a>是一个行内元素，其中可以嵌套任何元素（除自身）
其中的href属性为跳转路径，如果设置为#，返回顶部。href="#"
如果设置了id属性，那么我们可以在href中设置：#目标元素id值，进行跳转
动href="javascript:;"表示一个空的跳转，也就是什么都不懂
target属性：打开超链接的方式，_self在当前页面打开,_blank新页面打开
路径：
./当前文件所在目录 ../表示上级目录
图片标签<img>
这是一个替换元素。
src：路径，alt：显示不出来就显示alt中文字，并且搜索引擎根据alt中的内容来识别图片
内联框架<iframe></iframe>
用于向当前页面中引入一个其他页面,网页中嵌套网页
src：指定要引入的网页的路径
frameborder：边框
音视频
音视频文件引入时，默认情况下不允许用户控制
<audio></audio>替换元素，src，source都是指明地址，source可以指定失败时的文字，可以多版本文件选择，兼容性更好。
controls：允许用户控制，autoplay：设置自动播放，loop：循环播放
<video></video>替换元素，src
CSS
设置样式：
0.通常情况下我们需要去除浏览器的默认样式，
*{margin：0；padding：0；}
1.通过标签内style属性来设置元素样式---内联样式表
例如：style="color:red;font-size:60px"
2.写到head中的<style></style>中的标签---内部样式表
div{内容}
3.样式编写到css文件中---外部样式表
在head中连接到外部样式表
例如：<link rel="stylesheet" href="./style.css">
编写到外部文件，可以使用浏览器的缓存机制，加快网页的加载速度，提高用户体验。
语法：
注释：/**/
选择器 声明块（名：值；）
选择器：
单个选择器：
元素选择器：直接把元素名写下来即可
id选择器：语法：#id属性值 { }
class选择器：语法：.class属性值{ }，多个class可以使用空格隔开
通配选择器：* { }
复合选择器：
交集选择器：语法：选择器1选择器2选择器3 { }
如果有元素选择器，必须使用其开头
并集选择器：选多个选择器
语法：选择器1，选择器2，选择器3 { }
父子兄弟选择器：
子元素选择器：语法：父元素>子元素
注意只能隔一代，孙子元素不行
后代元素选择器：语法：祖先 （空格）后代
既可以隔一代也可以多代，选择的是全部
兄弟元素选择器
选下一个兄弟 语法：前一个+后一个
选下边所有的兄弟 语法：前一个~后面所有
最低0.47元/天 解锁文章
5411
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
