要面试了，做了一些汇总
html页面结构
1.结构层：负责语义表达，解决页面内容是什么问题
2.表示层：由css负责创建，解决页面如何显示内容
3.行为层：由脚本负责（js），解决页面上内容应该如何对事件做出反应
css基本语句构成 选择符{属性1：值；属性2：值2；}
主流浏览器内核
IE： Trident内核
Mozilla FireFox: Gecko内核
Chrome,Safari:Webkit内核
Opera:Presto内核
浏览器兼容性有哪些
1、浏览器默认的margin和padding不同；加全局*{margin：0；padding：0}来统一
2、IE6双边剧BUG：块属性标签float后，有有横的margin情况下，在ie6显示margin比设置的大
；可以加上display：inline；
3.在IE6，ie7元素高度超出自己设置高度。原因是IE8以前的浏览器会给元素设置默认的行高导
致的。解决可以加上 overflow：hidden 或者是 line-height：；font-size：；
4.min-height：在IE6下不起作用。解决方案是height：auto；！important;height:xxpx;其中
xx就是min-height设置的值
5、透明性IE用filter：Alpha（opacity=60），而其他主流浏览器用opacity：0.6；
6、a(有href属性)标签嵌套下的img标签，在IE会带有边框；解决a img{border：none；}样式。
7、input边框问题。去掉input边框一般用border：none就可以
8、父子标签间用margin的问题，表现在有时除IE外的浏览器子标签margin转移到了父标签上，
IE下没转移。建议父子标签间的间隔用padding，兄弟标签间用margin。
DocType 是document type（文档类型）简写，使用来说明XHTML或html是什么版本的。
行内元素：span a b img br button strong textarea select
块级元素： div ul li p fieldset form h1~h6 hr iframe ol pre table tr td
盒子模型
css网页设计中的每个元素都是长方形的盒子。
width（offsetWidth）：width+padding+border
height（offsetHeight）：height+padding+border
css引入方式有哪些
4种方法
1、使用<link>元素连接到外部样式文件
2、在<head>元素中使用“style”元素来指定
3、使用css“@import”标记来导入样式表单
4、在<body>内部元素中使用‘style’属性来定义样式
link和@import的区别是
都是为了加载css文件
1、<link>属于html标签，而@import完全是css提供的一种方式。link标签除了可以加载css外还
可以定义RSS，定义rel连接属性，而@import只能加载css。
2、加载顺序差别。单一个页面被加载时<link>引用css会同时被加载，而@import引用的css会等
到页面全部被下载完再加载
3、使用dom控制样式差别。当使用Javas cript控制dom去改变样式的时候。只能使用<link>标签
CSS选择器有哪些？
1、通配选择器：*{margin：0px;}
2、类型选择器：a{}
3、属性选择器:input[name = "name"]{}
4、后代选择器:div a{}
5、子对象选择器:ul>li{}
6、ID选择器
7、类选择器
8、选择器分组：body，ul，li，{}
9、伪类及伪对象选择器：div：first-leter{}，a.test:hover{text-decoration:undeline}
10、相邻选择器:li+li{font-size:10px;}
哪些属性可以继承
css 文字相关的：font-family、font-size、font-style、font-weight、font、letter-
spacing（字符间距）、line-height、text-align、text-indent、text-transform、word-
spacing （字间隔）
列表相关：list-style-image、list-style-position、list-style-type、list-style、
颜色相关：color
透明度：opacity
优先级算法如何计算？
！important > id >class >Tag
important比内联优先级高；但是内联比id要高
来源：https://www.cnblogs.com/greye/p/5889786.html