1、简述主流浏览器及内核？
chrome blink firefox gecko IE trident opera blink safari webkit
2、简述标签分类及标签之间如何相互转换？
块级标签 display：inline;转换为行级标签 display:block;转换为块级标签 display:inline-block;转换行内块 行级标签 行内块标签
3、简述css的三大特性？
层叠性 继承性 优先级
4、简述让行内标签支持宽高的属性有哪些？
1.display:block; 2.display:inline-block; 3.float:left;
5、display和visibility的区别？
display ：block；元素显示 display：none；元素隐藏 visibility：visible; 元素显示 visibility：hidden；元素隐藏 display 和visibility 的区别？ display：none隐藏时，连结构一起消失（不占位置） visibility：hidden 隐藏时，只是视觉上消失，结构还在
6、使用定位实现盒子水平垂直居中（两种方法）？
利用子绝父相定位解决 top:0; left0: bottom:0; right:0; margin:auto; 或者 top:50% left:50% margin-top:-盒子本身高度一半 margin-left:-盒子本身宽度一半
7、简述rem布局的原理？
使用js 动态修改根标签html的font-size的值
8、简述响应式的原理及优缺点？
利用媒体查询，通过css查询出来屏幕宽度，根据不同的屏幕宽度展示不同的效果 优点： 1、减少工作量，设计、代码、内容只需要写一份。多出来一些css样式和js脚本 2、节省时间、节约成本 3、每个设备都能得到良好的设计 缺点 1、会加载更多的样式和js脚本 2、设计比较难精准控制（细节处理的不太好）
9、简述圣杯布局如何实现？
1.先写下中 左 右 的结构 2.设置浮动 3.给左侧盒子设置margin-left:-100%（让左侧盒子移动到左边） 4.给右侧盒子设置margin-left:-自己本身宽度（让右侧盒子移动到右边） 5.给父盒子设置padding：0 右侧盒子宽度 0 左侧盒子宽度（将内容挤出来） 6.给左侧盒子设置 position；relative；left：-左侧盒子宽度 7.给右侧盒子设置 position；relative；left：右侧盒子宽度（两侧盒子归位） 8.给父元素设置min-width：xxx；（缩小页面防止掉下来）
10、简述<!DOCTYPE html>的作用d
声明文档类型 （告诉浏览器使用什么规范去解析文档）
11、网页的三层结构？
结构层（html） 行为层（js） 表现层（css）
12、什么是语义化？语义化的好处？
语义化就是指用合适的标签来编写内容 简单说就是该用什么标签用什么标签 好处 1.利于开发和维护 2.在样式加载失败时,也能保持良好的页面结构 3.有利于搜索引擎优化 4.有利于【用户体验】
13、如何点击文字也能实现单选框的选中？
给单选框设置id 将文字用label包住 给label设置和单选框相同的id
14、css的三种使用方式及优先级?
行内样式 写在标签内部 内部样式 写在html内部 外部样式 写在外部css文件中用link连接html 优先级 行内>内部>外部
15、表单提交的方式 get和post的区别？
get和post 1、get是从服务器上获取数据，post是向服务器提交数据 2、get相对不安全，post 相对安全 3、get 方式 地址栏里有大小的限制，而post没有大小限制
16、简述em 和 i 、 b和strong的区别？
em 和 strong有强调语气的作用 i和b没有 只是单纯加粗和倾斜
17、简述两种透明的方式及区别？
opcity和rgba opcity是连同子元素一起透明 rgba只透明自己
18、简述浮动出现的问题及解决？
浮动导致父元素高度为0
解决办法
1.给父元素设置固定高度
2.给父元素设置overflow：hidden/scroll/auto
3.在浮动元素的最后边，添加一个空的块标签，给这个块标签设置 clear属性
4.准备一个公式名 clearfix{
content:""
clear:both;
display:block;
*zoom:1;(解决IE兼容)
}
19、如何利用边框实现向上的三角，代码表示
利用边框实现
.box {
width: 0px;
height: 0px;
border-top:50px solid transparent;
border-right: 50px solid transparent;
border-left:50px solid transparent;
border-bottom: 50px solid yellowgreen;
border-width:0px 50px 50px 50px;
border-color: transparent transparent yellowgreen transparent ;
border-style: solid;
20、文本溢出显示省略号（单行和多行，多行写出一种即可）
单行{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
多行{
display: -webkit-box;
-webkit-line-clamp:4;（决定显示几行）
-webkit-box-orient:vertical;
overflow: hidden;
}
3675
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
