css
关注
分享
扫一扫
小嘟啦咪
热爱可抵岁月漫长
展开
-
CSS优先级算法如何计算？
ID选择器的优先级：1000 类选择器的优先级：100 标签选择器的优先级：10 优先级可以累加 如果是同级的选择器，那么，后面一个，则+1，再后面一个，则+2 注意：再怎么累加，也不可能超越上限 注意：优先级，只会影响到相同属性名的属性 ID选择器 > 类选择器=后代选择器=子代选择器 > 标签选择器 !important用于提升...原创 2018-09-21 10:16:58 · 1542 阅读 · 0 评论 -
CSS优化、提高性能的方法有哪些？
优化主要还是朝网络传输方面和减少不必要的渲染考虑1.发布前压缩CSS，减少数据传输量。2.合并属性，如margine-left:5px;margine-top:10px 这个就可以合并成一条的。3.合理设计CSS 布局，注意复用样式，减少渲染上花的时间。class和ID的选择，少用*这种全局匹配，合理设置基本样式（如设置table{}）提高复用。4.减少低效代码的使用，如滤镜，ex...原创 2018-09-22 18:23:41 · 2460 阅读 · 0 评论 -
position的值relative和absolute定位原点是？
absolute：生成绝对定位的元素，定位原点是离自己这一级元素最近的一级position设置为absolute或者relative的父元素的左上角为原点的。 fixed （老IE不支持）：生成绝对定位的元素，相对于浏览器窗口进行定位。 relative：生成相对定位的元素，定位原点是元素本身所在位置。 static：默认值。没有定位，元素出现在正常的流中（忽略 top, bo...原创 2018-09-22 18:24:12 · 3988 阅读 · 0 评论 -
display有哪些值？说明他们的作用。
block 此元素将显示为块级元素，此元素前后会带有换行符。 none 此元素不会被显示。 inline-block 行内块元素。 list-item 此元素会作为列表显示。 table 此元素会作为块级表格来显示 inherit ...原创 2018-09-21 10:28:08 · 2855 阅读 · 0 评论 -
CSS3新特性
新增各种CSS选择器 (: not(.input): 所有class不是“input”的节点）圆角border-radiuis多列布局：multi-column layout阴影和反射： multi-column layout文字特效：text-shadow线性渐变： gradient旋转：transform缩放，定位，倾斜，动画，多背景：transform: \scale(0.85,0.90...原创 2018-09-21 09:24:31 · 104 阅读 · 0 评论 -
display:none 和 visibility: hidden的区别
display:none 隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢，就当他从来不存在。visibility:hidden 隐藏对应的元素，但是在文档布局中仍保留原来的空间。...原创 2018-09-21 09:25:46 · 103 阅读 · 0 评论 -
css动画的优缺点
优点：1.在性能上会稍微好一些，浏览器会对CSS3的动画做一些优化（比如专门新建一个图层用来跑动画）2.代码相对简单缺点：1.在动画控制上不够灵活2.兼容性不好3.部分动画功能无法实现（如滚动动画，视差滚动等）...原创 2018-09-21 09:27:13 · 1056 阅读 · 0 评论 -
页面导入样式时，使用link和@import有什么区别
link链接方式： <head> <link rel="stylesheet" type="text/css" href="style.css"></head>@import导入方式：<style> @import url(style.css); </style> 区别：原创 2018-09-21 09:35:56 · 1165 阅读 · 0 评论 -
CSS清除浮动的几种方法
使用带clear属性的空元素 使用CSS的overflow属性； 使用CSS的:after伪元素； 使用邻接元素处理；原创 2018-09-21 09:42:42 · 501 阅读 · 0 评论 -
CSS隐藏元素的几种方法
Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互; Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏; Display:display 设为 none 任何对该元素直接打用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在; ...原创 2018-09-21 09:54:29 · 117 阅读 · 0 评论 -
CSS选择符有哪些？哪些属性可以继承？
id选择器（ # myid）; 类class选择器（.myclassname）; 标签选择器（div, h1, p）; 相邻选择器（h1 + p）; 子选择器（ul > li）; 后代选择器（li a）; 通配符选择器（ * ）; 属性选择器（a[rel = "external"]）； 伪类选择器（a:hover, ...原创 2018-09-21 10:09:24 · 5174 阅读 · 0 评论 -
margin和padding分别适合什么场景使用？
margin: 需要在border外侧添加空白时； 空白处不需要背景（色）时； 上下相连的两个盒子之间的空白，需要相互抵消时。padding： 需要在border内测添加空白时； 空白处需要背景（色）时； 上下相连的两个盒子之间的空白，希望等于两者之和时。 ...原创 2018-09-22 18:22:05 · 11659 阅读 · 0 评论