1.HTML基本结构
<!DOCTYPE html> 必写放在开头声明
<html>
<head>
</head>
<body>
</body>
</html>
2.网页的组成 结构<HTML>表现<CSS>行为<javaScript>
3.如果页面中全部是同一种标签 会被搜索引擎认为是垃圾网页
4.盒子的大小由内容区，内边距，边框组成
-------------------------------------------------------------------------------------------
HTML自闭合(self-closing)标签
<meta>标签:设置页面元信息的
<base>:设置网页所有链接的相对目录(如根目录)的
<br>:换行
<hr>:水平线
<img>:图像
<input>:表单元素
<col>:在表格table中定义一个或多个列的属性
<frame>:定义框架的一个窗口（已遗弃）
<link>:定义文档与外部资源的关系的链接
<area>: 标签定义图像映射内部的区域（图像映射指的是带有可点击区域的图像）。
<param>:元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的
<object> 或者<applet> 标签提供参数。
<embed>: HTML5 中新增的,标签定义了一个容器，用来嵌入外部应用或者互动程序（插件）。
<keygen>:该对象提供了一个安全的方式来验证用户。
<source>: 标签为媒体元素（比如 和 ）定义媒体资源。
--------------------------------------------------------------------------------------------------------
面试答辩： display设置none值与visibility设hidden都可以隐藏他们有什么区别
1.display:none是彻底消失，不在文档流中占位，浏览器也不会解析该元素；visibility:hidden是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素
2.使用visibility:hidden比display:none性能上要好，display:none切换显示时visibility，页面产生回流（当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等，页面重新构建，此时就是回流。所有页面第一次加载时需要产生一次回流），而visibility切换是否显示时则不会引起回流。
-----------------------------------------------------------------------------------------
<解决高度塌陷>
BFC开启后具有的特性
1.父元素的垂直外边距不会和子元素重叠
2.开启的BFC元素不会被浮动元素覆盖
3.开启的BFC元素可以包含浮动的子元素
如何开启元素的BFC （不兼容IE6）
1.设置元素浮动
2.设置元素的绝对定位
3.设置元素的inline-block<display>(不推荐使用)
4.将元素的overflow设置为一个非visible的值(不为默认值) <overflow:auto/hidden>(一般推荐使用这种副作用最小设置为hidden)
haslayout支持IE6
设置zoom:1
浏览器兼容开启BFC
overflow:hidden
zoom:1
------------------------------------------------------------------------------------------------------
使用雪碧图<图片的整合技术>有什么好处 css sprite
通过设置background-position的赋值实现不同样式的动画效果 可以把多个图片整合到一张图片上，体积小，只需要发送一次请求，使浏览器提高访问效率，增加用户体验 {网站上面经常用}
------------------------------------------------------------------------------------------------------------
CSS3新版本都有哪些特性
新增选择器 圆角、阴影、rgba transform变换 animation动画 浏览器前缀
-----------------------------------------------------------------------------------------------------------
谷歌最小字号是12号 用变形transform缩放设置字体字号
网友评论