2,面试题之 CSS 篇 1,介绍一下 CSS 的盒子模型 在w3c 规范中,盒子模型被定义为一个元素所占用的网页空间。 盒模型由4部分组成:margin(外边距)、border(边框)、padding(内边距)、content(内容) 盒子大小的计算模型有两种:标准盒模型、IE盒模型,通过改变 css 的box-sizing属性的值来改变 两种盒模型的区别在于...
1、如何实现0.5px边框线 这是考察小伙伴对css的掌握深度,心细的小伙伴去试一下就会发现,我们设置0.5像素边框由于兼容性问题不会生效,跟设置1px没有区别,这也是出现频率比较高的一题,话不多说直接提供两个兼容性比较高的方式。 1)、使用2D转换中的缩放:transform: scale(0.5); 注:即使使用缩放,也不能直接操作原...
媒体查询是CSS3的重要特性之一,利用媒体查询,我们可以对不同 devices(设备)的屏幕进行不同的样式控制,实现响应式布局. 5.2D/3D效果 CSS3还新增了2D/3D转换的功能,利用这些功能可以实现一些炫酷动画效果. 6.flex布局 Flex布局是CSS3的重要组成部分,提供了一种更加直观有效的布局方式. 30、让元素隐藏的方式有哪些 ...
Html,Css面试题 常见面试题 1.如何理解HTML语义化 1.容易读懂(增加代码可读性) 2.让搜索引擎容易读懂(SEO) 2.块状元素&内联元素 1.block/table;有 div h1 h2 table ul ol p等 2.inline/inline-block;有 span img input button 等 是否会独占一行,块状元素:独占一行,内联元素:不会独占一行,会挨个往后排...
CSS 1. 谈谈你对CSS布局的理解 常见的布局方式:固定布局、流式布局、弹性布局、浮动布局、定位布局、margin和padding 2. 请列举几种可以清除浮动的方法(至少两种) 浮动会漂浮于普通流之上,像浮云一样,但是只能左右浮动。正是这种特性,导致框内部由于不存在其他普通流元素了,表现出高度为0(高度塌陷)。 a. 添加额...
接上《33道前端开发理论面试题,附答案》这篇文章,今天把HTML与CSS的面试题分享给大家,里面有参考答案。 二、HTML 2.1、<image>标签上title属性与alt属性的区别是什么? alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或...
HTML&CSS一些面试题 #1.1 H5新增特性和css3新增特性？答： 1.⾸先 html5 为了更好的实践 web 语义化，增加了 header，footer，nav,aside,section 等语义 化标签， 2.在表单⽅⾯，为了增强表单，为 input 增加了 color，email,data ，range 等类型， 3.在存储⽅⾯，提供了 sessionStorage，...
CSS选择符:id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器(ul > li)、后代选择器(li a)、通配符选择器(*)、属性选择器(a[rel="external"])、伪类选择器(a:hover, li:nth-child)
前端开发经典面试题及答案——HTML篇 一、cookie和WebStorage的区别与联系？二、link和@import的区别 link和@import是外部引入CSS的两种方式。结论：慎用@import方式。使用@import需要注意很多语法规则、引入顺序、资源文件下载引起的http请求过多。区别：HTNL中CSS有四种引入方式：三、浏览器如何实现不同标签页的通信？...
HTML和CSS面试题及答案编程语言——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=...