目录 二.CSS部分 1.解释一下CSS的盒子模型? 2.请你说说CSS选择器的类型有哪些,并举几个例子说明其用法? 3.请你说说CSS有什么特殊性?(优先级.计算特殊值) 4.要动态改变层中内容可以使用的方法? 5.常见浏览器兼容性问题与解决方案? 6.列出display的值并说明他们的作用? 7.如何居中div, 如何居中一个浮动元素? 8.CSS中 link 和@import 的区别是? 9.请列举几种清除浮动的方法(至少两种)? 10.block,inline和inlinke-block…

最近面试了一些公司,和技术总监聊了一些前端技术方面的内容.回来之后我总结了一下,大致可以分为三个模块:第一.Html与css 方面:第二.浏览器解析方面:第三.js方面.打算,分为三篇博文,根据自己的理解和大家分享.由于作者水平有限,希望大家多提意见和建议! 今天,和大家分享html与css相关的知识.我把这个方面有细分为四小点,1.行内元素块元素有哪些特点以及转换方式:2.定位:3.盒子模型:4.css选择器.下面就做条做分析: 1.行内元素和块元素 先解释一下块元素吧,块元素就是指那些,独立…

本文是面试汇总分支——说一下CSS盒模型. 基本概念:W3C标准盒模型和IE盒模型 CSS如何设置这两种模型 JS如何获取盒模型对应的宽和高 根据盒模型解释边距重叠 BFC(边距重叠解决方案) 一. 基本概念 盒模型的组成,由里向外content,padding,border,margin. 盒模型有两种标准,一个是标准模型,一个是IE模型. 标准模型如下图 所以盒子总宽度为:width+border+padding  IE盒模型如下图 所以盒子总宽度为:width  二. CSS如何设置这两种…

前言:三月中旬面试了两家公司,一家小型公司只有面试,另一家稍大型公司笔试之后一面定夺.笔试部分属于基础类型,网上的复习资料都有. 面试时两位面试官都有考到一些实际工作中会用到,但我还没接触过的知识点.这里重点对这部分做一个梳理分析,主要是查阅资料补充. (PS:多一年的工作经验,基础理论和实操能力都应该要深一层,要想在这行扎扎实实的有发展,真的很需要对自我的要求有一步步提高啊~) 第一家公司 一.outline与border的区别 在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio…

前端面试常考知识点---js 1.CSS3的新特性有哪些 点我查看 CSS3选择器 . CSS3边框与圆角 CSS3圆角border-radius:属性值由两个参数值构成: value1 / value2,值之间用/分隔,value1代表圆角的水平半径,value2代表圆角的垂直半径盒阴影box-shadow:语法:box-shadow: 水平方向的偏移量 垂直方向的偏移量 模糊程度 扩展程度 颜色 是否具有内阴影 CSS3背景与渐变 重要的几个:background-image ``` 语法:…

这几天的面试很纠结,也让我注意到我的前端知识确实不行,从两个小细节总结: 1:body体的居中样式. 这个在IE和非IE Firefox Chrome Opera下面的差别 IE下text-align:center能居中,也只能适用于IE Firefox下则需要 margin:0px auto; 2:底部浮动层 position:fixed;z-index:999;bottom:10px; 效果是这个层一直在页面中,滚动也不会移动.…

转载自 知乎 @西点王子 https://www.zhihu.com/people/F211/answers 1. 常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera.(Q2) 内核:Trident,Gecko,Presto,Webkit. 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下) (Q1) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,heigh…

题目点评 CSS样式的优先级规则给人的感觉总是摸不透,更不用说怎么去表达了,在网络上流传着很多版本,描述的都很复杂也不全面,看了之后还是不满意.我来给大家介绍一个比较系统.全面有比较容易记住的规则吧! 解答思路 样式优先级规则 1.优先级顺序为:!important>style>权重值 2. 如果权重相同,则最后定义的样式的起作用,应该避免这种情况出现 权重规则 标签的权重为1 class的权重为10 id的权重为100 权重取值示例 /*权重为1*/ div{ } /*权重为10*/ .cl…

HTML标签在浏览器中都有默认的样式,不同的浏览器的默认样式之间存在差别.例如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的.开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题,影响开发效率.现在很流行的解决方式是一开始就将浏览器的默认样式全部覆盖掉,这就是css reset. 部分css reset内容如下: html {color:#000;background:#FFF;}t5 body,div,dl,dt,dd,ul,…

1 IE/Win的 HasLayout 2 浮动 float 的定义.float后元素的display属性会发生改变吗?3 CSS 3.0.CSS2.1 中被现代浏览器应用了的规则有哪些?4 父元素定义了一个初始高度,如果里面的img 元素的高度超过了父元素的高度,如何自适应?5 IE的3px bug 问题6 清除浮动有几种方法?你知道几种说几种?7 CSS hack 了解吗?说说...8 IE 5.5及IE5的表现与IE6有什么不同补充:9 用过 Opera 吗?谈谈Opera 的表现..…