![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
_陌默
也许一个人的存在不会改变整个天空,但是我坚信一个人的存在可以改变他周围的一片天
展开
-
通过js实现页面布局
(1)请实现上图所示的布局 (2)有以下已知条件: center 区域高度必然大于 left、right 区域 left、right 区域溢出后与 center 区域共用同一滚动条 当 left、right 区域内容溢出后,请实现以下功能: left、right 区域跟随滚动条滚动到底部就固定住,center 区域继续滚动 滚动条向上滚动,当 center 区域滚动到和 left、right 相同高度时,left、right 跟随滚 动,滚动到顶部时,left、right ...原创 2021-04-21 11:42:38 · 2831 阅读 · 0 评论 -
浏览器解析css选择器的规则
浏览器解析css选择器的规则是从右向左的,这样会提高查找选择器所对应的元素的效率。中国人有一个习惯,不论干什么,潜意识中的顺序都是从左到右,从上到下,从大到下,因此大多数人看到这个顺序都会感到很不适应,但大家要记得我们这是一个程序,而程序是用来干什么的?运行。因此它的第一要领是必须效率高,因此所谓的习惯我们就先抛到九霄云外去。至于具体分析如下(个人理解):1.html片段如下原创 2017-06-06 09:42:26 · 5086 阅读 · 0 评论 -
CSS遇到的几个兼容性问题
1.IE6,7下的块元素float,横向的margin会双倍扩大,可以通过display:inline-block来解决;2.IE6,7下的li本身没有浮动但是内容浮动导致下面出现了几像素的多余,解决办法:li设置浮动;3.在IE6下高度小于19像素的元素高度会当做19像素来处理,解决办法:设置overflow:hidden;4.opacity:0-1会改变元素及其内部的透明度,ie私原创 2017-10-31 10:49:53 · 258 阅读 · 0 评论 -
reset.css的一般写法
对于img撑父元素的高度时,会有几像素的多余高度可以通过设置vertical-align:top;其中vertical-align用于设置几个元素的垂直对齐方式,只有几个元素同时设置时才会生效。html{ color:#000; background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,...原创 2017-10-31 10:51:53 · 386 阅读 · 0 评论 -
css 中margin与padding
默认状态下padding不属于box的大小,这样对于布局有影响,因此可以设置box-size:box-size;margin:适合设置兄弟元素的之间的外边距,其中左右元素之间的距离为margin相加,上下不会相加,只会选择其中的较大者;当将它用来设置内部标签的margin值时,如果外部标签没有border,则该margin属性将作用于其外部元素padding:对于只有一行文字的块级原创 2017-10-31 10:59:01 · 188 阅读 · 0 评论 -
当设置父元素overflow: hidden;子元素超出父元素时没有隐藏
<div class="box"> <img src="http://img1.imgtn.bdimg.com/it/u=2335896061,645089826&fm=214&gp=0.jpg" alt=""></div>当我将img标签设置为position:absolute;设置父元素.box{ ...原创 2018-01-09 17:27:43 · 17324 阅读 · 1 评论 -
animate.css的样式汇总
fade: { title: '淡入淡出', fadeIn: '淡入', fadeInDown: '向下淡入', fadeInDownBig: '向下快速淡入', fadeInLeft: '向右淡入', fadeInLeftBig: '向右快速淡入', fadeInRight: '向左淡...原创 2019-07-17 16:07:23 · 1014 阅读 · 0 评论