![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css面试题
学至分享
这个作者很懒,什么都没留下…
展开
-
css面试题(7)CSS优化、提高性能的方法有哪些?
CSS优化、提高性能的方法有哪些?避免过度约束过渡约束的代码:div{ position:relative; bottom:100px; // 不必要的样式约束 top:-200px; width: 200px; height: 200px; background-color:lightcoral; }简洁的...原创 2020-05-06 11:57:11 · 731 阅读 · 0 评论 -
css面试题(6)css常见的兼容性问题?
css常见的兼容性问题?不同浏览器的标签默认的margin和padding不一样。// 用此方法解决*{ margin:0; padding:0;}超链接访问过后hover样式就不出现了,被点击访问过的超链接样式不再具有hover和active了。// 解决方法是改变CSS属性的排列顺序:L-V-H-A ( love hate ): a:link {} a:visited {...原创 2020-05-06 11:36:49 · 373 阅读 · 0 评论 -
css面试题(5)用纯CSS创建一个三角形的原理是什么?
用纯CSS创建一个三角形的原理是什么?盒子模型的border就是由三角形组成的,我们可以通过设置元素的宽高为0,然后修改border的宽度,并且修改其颜色,来达到绘制三角形的目的。例如:<body> <div></div></body><style>div{ width: 0; height: 0; border-t...原创 2020-05-06 11:27:24 · 711 阅读 · 1 评论 -
css面试题(4)CSS3有哪些新特性?
CSS3有哪些新特性?RGBA和透明度background-image background-origin(content-box/padding-box/border-box) background-size background-repeatword-wrap(对长的不可分割单词换行)word-wrap:break-word文字阴影: text-shadow: 5px 5px 5px ...原创 2020-05-06 11:20:58 · 653 阅读 · 0 评论 -
css面试题(3)display有哪些值?
display有哪些值?inline(默认)–内联none–隐藏block–块显示table–表格显示list-item–项目列表inline-block原创 2020-05-06 11:18:18 · 215 阅读 · 0 评论 -
css面试题(2) CSS选择器有哪些?哪些属性可以继承?
CSS选择器有哪些?哪些属性可以继承?CSS选择符:id选择器(#myid)类选择器(.myclassname)标签选择器(div, h1, p)相邻选择器(h1 + p)子选择器(ul > li)后代选择器(li a)通配符选择器(*)属性选择器(a[rel=”external”])伪类选择器(a:hover, li:nth-child)可以继承的:font-siz...原创 2020-05-06 11:16:55 · 281 阅读 · 0 评论 -
css面试题(1) CSS的盒子模型?
CSS的盒子模型?盒模型指: 内容(content)、填充(padding)、边界(margin)、 边框(border)两种类型: IE 盒子模型、标准 W3C 盒子模型;主要区别:标准:盒子的的尺寸是content的尺寸IE:盒子的的尺寸是content+padding+border设置的方式:box-sizing:content-box // 标准盒模型box-sizing...原创 2020-05-06 11:09:12 · 260 阅读 · 0 评论