![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 51
逸尘️
沉稳大气,笃行克己
展开
-
css3 sticky不生效的原因?
sticky不生效原因有:父元素设置了overflow:hidden或者overflow:auto未指定top、right、bottom、left4个值中的任意一个父元素高度小于sticky定位的元素高度sticky属性依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。sticky属性仅在以下几个条件都满足时有效:父元素不能overflow:hidden或者ov原创 2021-06-20 17:14:41 · 3360 阅读 · 0 评论 -
CSS中rem em px的区别
PX: px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点: 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。EM: em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对原创 2017-05-14 11:58:09 · 596 阅读 · 0 评论 -
CSS之圣杯布局和双飞翼布局
圣杯布局的构造过程:<div class="container"> <!--先写中间部分--> <div class="middle"></div> <div class="left"></div> <div class="right"></div></div>三者都设置向左浮动。 设置middle宽度为100%。 设置负边距,.left设置负左边距为100%原创 2017-05-13 22:18:20 · 643 阅读 · 0 评论 -
CSS中伪类和伪元素的区别
伪类和伪元素的根本区别在于:它们是否创造了新的元素(抽象)。从我们模仿其意义的角度来看,如果需要添加新元素加以标识的,就是伪元素,反之,如果只需要在既有元素上添加类别的,就是伪类。最为混淆的,可能是大部分人都将 :before 和 :after 这样的伪元素随口叫做伪类,而且即使在概念混淆的情况下,实际使用上也毫无问题——因为即使概念混淆,对真正使用也不会造成多少麻烦:) CSS Selecto转载 2017-05-04 21:57:29 · 342 阅读 · 0 评论 -
七种CSS方式让一个容器水平垂直居中
转自:http://www.cnblogs.com/xianyulaodi/p/5863305.html方法一:position加margin####方法二: diaplay:table-cell ####方法三:position加 transform ####方法四:flex;align-items: center;justify-content: center ####方法五:displa转载 2017-03-25 21:36:52 · 348 阅读 · 0 评论 -
css父块级元素透明,子级元素不透明的方法
外层div,不要使用opacity实现透明.,使用background:rgba(120,120,120,0.7);实现效果 对于不同的浏览器需要区别对待*IE系列浏览器外层DIV,设置透明,内容元素设置元素定位为相对定位或者绝对定位 如 <div style=”filter:alpha(opacity=70);”> <div style=”position:r原创 2017-03-13 17:43:35 · 3886 阅读 · 0 评论 -
CSS清除浮动方法对比
1,父级div定义 height代码如下:<style type=”text/css”>.div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;}.div2{background:#800080;border:1px solid red;height:100px;margin-top:10px}.left{float原创 2017-03-13 17:39:31 · 319 阅读 · 0 评论 -
块级元素和行内元素的误区
今天无意中看到一篇关于前端布局的各种总结,说到块级元素和行内元素,想补充一点,以备将来忘记了吧。1. 块级元素特点总是在新行上开始; 高度、行高以及外边距和内边距都可控制; 宽度默认是它容器的100%,除非设定一个宽度;可以容纳内联元素和其他块级元素。2. 行内元素特点和其他元素都在同一行; 高,行高及外边距和内边距不可改变; 宽度就是它的文字和图片的宽度,不可改...原创 2018-03-30 17:32:50 · 482 阅读 · 0 评论 -
css hover给当前元素或其他元素添加伪元素
1. 作用于本身伪元素a:hover::after { content: ""; position: absolute; left: 16px; top: 24px; bottom: 0; right: auto; height: 2px; width: 30px; background-...原创 2019-10-10 11:36:22 · 3474 阅读 · 0 评论