html超文本标记语音markup
href hyperText reference
utf-8是unicode万国码的一种实现方式 gb2312中文简体gdk扩展，包含繁体
lang="en"爬虫
<div>
元素居中position absolute top left50%
margin-left=-1/2宽margin-top=-1/2高
- abiI reversed="reversed"颠倒 order list < img alt="这是什么什么图片">地址错误时展示文字信息 图片占位符 title
anchor锚点，置顶
< a>target="_blank"新标签页
发邮件
第三条手机上应用，发邮件也可
Md5不可逆，美国二战密码
2g→3/4g安全性加强，5s频次的波使你变成2g网，在发射到最近基站的时候会被拦截，抓包
< input>必须写name，不然提交不成功
radio name统一 在设置的时候设置默认值checked=‘checked’
CheckBox
< option>里可以加value，以此为准，但没必要
主流浏览器，必须有独立研发的内核,内核包括1、shell外壳2、内核
IE trident
Firefox Gecko
Google Chrome Webkit/Blink
Safari Webkit
Opera presto/Blink（共同开发）
新版本Opera13/14也用webkit
Css cascading style sheet层叠样式表
- 行间样式标签里style=“ ”
- 页面级csstype=”text/css”可以不写
- 外部css文件
Link按tab键
同时开启两个线程 同时下载css和html 异步
Id identity唯一性 #…{ }
属性选择器
Css权重（通配符*）
256进制，权重相同看后面那个
同一级别后面覆盖前面
父子选择器，可以class id混用，空格就行
浏览器看遍历父子选择器从右向左，不然岔路还得再看一遍
.box#only也行
分组选择器
默认16px 一般12或14，字体大小设置的是字体的高，等高
transparent透明
后面覆盖前面效果
HTML CSS/* */
1em=1font-size;
伪类选择器之一 :hover
inline文本类元素，例子img之间有空格（可以注释换行符或者font-size=0）
span , a , b , i , u , em，del,strong，伪元素
（文本类元素除了p是块级，其余都是行级）
div , h系列 , li , dt ,dd，p,ul,table,form
img、input、button（第三种）
默认含有 
凡是带有inline
Img单设置宽高等比例缩放
通配符权重为0，所以后面可以覆盖通配符
body默认margin8px
居中 
两栏布局，代替float，两div顺序不能相反
bug①塌陷：父子嵌套元素垂直方向上，粘合到一起，margin取最大值
块级格式化上下文 block format context 使用此使得语法规则发生改变
Css每个盒子里都有一模一样的规则
bug②合并：兄弟结构的元素垂直方向上的margin合并，共用margin
错误改正： 
正确改正：多计算点像素，不解决
Float
inline元素就叫文本类元素，只有块级元素看不到
块元素看不见浮动元素，所以自然而然包不住
改正方法：（不规范，往下有两条规范）
伪元素一直存在，我们使用css选中进行修改，以下是选择器
可以被css操作，但是没有HTML结构，content只能用在伪元素里，并且必写
伪元素是行级元素
Clear清除浮动必须是块级元素
方法一、利用伪元素来清除浮动
三件套必须写，只要有浮动流
方法二、bfc块级元素格式化上下文
display：inline-block
单行文本和多行文本
White-space：nowrap不换行
Text-overflow 实现…
有背景图片的a标签，在去掉css情况下，网卡情况下也应该把基本功能实现
方法：
① height改0px，padding-top为容器高，overflow：hidden
② text-indent，容器宽，white-space：nowrap，不换行，overflow：hidden
p里面不能套div，a里面不能套a
Margin：0px auto父子级必须都块级
文本类元素是底对齐
一旦一个行级块元素或者一个文本元素包含文字，外面的文字和里面的文字进行底对齐
vertical-align:px 正值代表往下
Position定位的值有什么区别
Absolute脱离原来位置定位，层模型，相对于最近的父级或相对文档定位，脱离
fixed脱离
Relative保留原来位置定位，层模型，相对于自己定位，不脱离文档流
z-index脱离的使用
像素是相对单位
行高五种值，直接×字体大小
line-height使用数值会好一点，拿自己字体大小乘
@media适配手机@font-face下载电脑上没有的字体，font文件放根目录
Favicon.ico（网站头像）放在根目录
例如设置根目录，base能放很多属性
www浏览器 mosaic浏览器显示图形
没有醒目标题logo h1标签，仅出现一次,h2副标题h3板块标题h4板块里标题h5h6一般不用，嵌套用
外面嵌套a，边角也能点击，点击面积变大
两种盒模型
频繁更改padding用第二种
左浮不浮右浮，最后写中间
overflow hidden以图换字
线性渐变 background-image:linear-gradient(toright,颜色,颜色);
135°
ie滤镜
淘宝导航hover
过度
了解 
图片居中，单元格都居中
给父元素设置display:table-cell，并设置vertical-align:middle
然后设置子元素的margin-left和margin-right为auto即可
把图标放在一张图，减少请求，压缩图片（雪碧图？？）
Table
.Webp
有高度都加line-height
空格=换行，强制换行
：：写成：兼容IE8
雪碧图（面试点）
