input标签焦点线后移 ：text-indent
inpurt去除边框：outline：none
attribute：属性
行内元素设置成浮动之后变得更加像是inline-block（行内块级元素，设置成这个属性的元素会同时拥有行内和块级的特性，最明显的不同是它的默认宽度不是100%），这时候给行内元素设置padding-top和padding-bottom或者width、height都是有效果的
#
HTML加载过程：
1.加载html-dom结构
2.css和js
3.图片和多媒体
4.加载时间触发
注意： 当遇到script标签的时候
浏览器暂停解析（不是暂停下载），将控制权交给JavaScript引擎（解释器）
如果<script>标签引用了外部脚本，就下载该脚本，否则就直接执行，执行完毕后将控制权交给浏览器渲染引擎
#
<!doctype html> html5的声明
<!DOCTYPE HTML PUBLLC"...//W3C//DTD HTML 4.01//EN"“http：//www.w3.org/TR/html4/strict.dd”> html4声明
”d“的大小写不影响，！是着重声明的意思，告诉游览器这是一个html5的一个文件）
#
标签
单标签：<标签名>
6个单标签 img input br hr link meta（meta决定了编码格式）
双标签：<.标签名></标签名>
#
css 三种关联方式
1.内联css 优点：十分便捷高效
缺点：单一不重样 代码量大不建议使用
2.页级css/内部css 修改时需要拉到顶部，可维护性较差
3.外联 优点：可维护性好 省去了每个页面修改步骤
提高了开发效率，同时一定程度上提高了性能
关联方式也存在优先级 分别优先是 内联>内部>外联
！！！！！！！
#
css样式属性
字体属性：(font)
背景属性： (background)
区块属性
方框属性： (Box)
边框属性： (Border)
列表属性： (List-style)
定位属性： (Position)
详细属性看 css样式笔记！！！
#
CSS选择器
class选择器 .aa{css}
id选择器 #aa{css} id是唯一 css一般不用 js才用
element（元素） div{css}
#
a标签的 target 属性
_blank在新窗口中打开被链接文档。_self默认。在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档。_top在整个窗口中打开被链接文档。framename在指定的框架中打开被链接文档。
锚点链接：
跳转到当前页面的指定位置
#
盒子模型
怪异盒子模型
标准盒子模型
#
布局
流逝布局
浮动式布局
弹性布局
网格布局
绝对定位布局
圣杯布局
双飞翼布局
表格布局
#
响应式布局原理
响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。
#
三种隐藏元素的方法
display：none； 元素在页面上将消失，不占据页面空间，会导致浏览器的回流与重绘,不能响应交互类事件；
visibility：hidden 元素在页面占据的空间不变，所以它只会导致浏览器重绘而不会回流，也不能响应交互类事件；
opacity：0 元素在页面占据的空间不变，不会导致浏览器回流或重绘（因为浏览器对于transform和opacity这两种变化处理的方法为合成渲染），可以响应交互类事件。
overflow：hidden 多余的部分隐藏，且不占空间
