2,面试题之 CSS 篇 1,介绍一下 CSS 的盒子模型 2,CSS3新特性 3,Flex弹性布局 4,CSS选择器和优先级 5,伪元素和伪类的区别 6,移动端 1px 问题及解决办法 1,认识设备的物理像素(设备像素)、逻辑像素(css像素)、设备像素比dpr 2,产生 1px 问题的原因 3,解决办法 1,设置 viewport 的 scale 值 2,利用伪...
增加了更多的CSS选择器 多背景 rgba,在CSS3中唯一引入的伪元素是::selection,媒体查询,多栏布局 参考《CSS3中的动画效果记录》、《CSS3中border-radius、box-shadow与gradient那点事儿》 3.15、为什么要初始化CSS样式? 因为浏览器的兼容问题,不同浏览器对有些标签的...
1、如何实现0.5px边框线 这是考察小伙伴对css的掌握深度,心细的小伙伴去试一下就会发现,我们设置0.5像素边框由于兼容性问题不会生效,跟设置1px没有区别,这也是出现频率比较高的一题,话不多说直接提供两个兼容性比较高的方式。 1)、使用2D转换中的缩放:transform: scale(0.5); 注:即使使用缩放,也不能直接操作原...
CSS3实现圆角(border-radius),阴影(box-shadow),对文字加特效(text-shadow),线性渐变(gradient),变形(transform) 增加了更多的CSS选择器 多背景 rgba,在CSS3中唯一引入的伪元素是::selection,媒体查询,多栏布局 15. 为什么要初始化CSS样式? 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没...
HTML+CSS面试题 1、内元素和块级元素的区别? 1 2 3 4 5 6 7 行内元素:不会独立出现在一行,单独使用的时候后面不会有换行符的元素。eg:span, strong, img, a 等。这些元素,默认的高宽,总是其内容的高宽。并且,margin和padding值,只有左右有效。
<style type="text/css"> body { min-width: 550px; } #header { text-align: center; background-color: #f1f1f1; } #container { padding-left: 200px; padding-right: 150px; } #container .column { float: left; } #center { background-color: #ccc; width: 100%; } #left { position...
编程语言——HTML/CSS 1、input 属于窗体元素,层级显示比 flash、其他元素都高。请判断这句话的对的与否。 A.T B.F 2、根据栅格系统的原则使用方法,错误的是 A.<div class="container"><br> <div class="row"> B.<div class="row"><br> <div class="col-md-1"> C.<div class="row"><br> ...
HTML&CSS一些面试题 #1.1 H5新增特性和css3新增特性？答： 1.⾸先 html5 为了更好的实践 web 语义化，增加了 header，footer，nav,aside,section 等语义 化标签， 2.在表单⽅⾯，为了增强表单，为 input 增加了 color，email,data ，range 等类型， 3.在存储⽅⾯，提供了 sessionStorage，...
编程语言——HTML/CSS 1、input属于窗体元素,层级显示比flash、其它元素都高。请判断这句话的正确与否。 A.T B.F 2、根据栅格系统的标准用法,错误的是 A.<div class="container"><br> <div class="row"> B.<div class="row"><br> <div class="col-md-1"> C.<div class="row"><br> <div ...