随笔分类 - CSS
摘要：做需求的时候遇到的一个小问题，要在地图上覆盖一个时间轴，但是还要能操作地图。 这个时候就给地图上面这个大的div设置一个pointer-events: none，就可以操作地图了。 同时出现另一个问题，我的这个div上面的事件都失效了，时间轴怎么点？这个时候可以把时间轴的pointer-events
阅读全文
摘要：dispaly:flex 主要用于容器中，也可以用在行内元素，可以响应式的实现页面布局 为盒子设置Flex布局之后，子元素的float, clear vertical-align属性会失效 flex的6个属性 flex-direction可以让容器内元素的排列方向是横向的. flex-directi
阅读全文
摘要：background-img:url 1.图片大于元素，图片显示不全 2.图片小于元素，图片会重复平铺 3.图片和背景会同时存在 background-repeat:repeat,横向和纵向平铺 background-repeat:norepeat，背景图片不会重复，有多大，显示多大. backgr
阅读全文
摘要：opacity:可以用来设置元素背景的透明，需要一个0-1之间的值 0：透明 1：完全不透明 0.5：半透明 兼容性：IE8以下 filter:alpha(opacity=50) 同时设置opacity和opacity
阅读全文
摘要：定位：可以把元素放置到页面的任何位置 默认元素定位是static没有定位，absolute（绝对定位）, fixed(固定定位),relative(相对定位) 一.相对定位（position:relative） 1.当开启元素的相对定位，且不设置偏移量，元素不会发生变化 2.当开启元素的相对定位，通
阅读全文
摘要：1.在高度塌陷的父元素的最后添加一个空白的div,不设置浮动，对其进行清除浮动clear， 2.通过伪类选择器结合after，添加一个内联元素，然后转换为块元素，再清除浮动clear <style> .box1{ border:solid green 1px; } .box2{ width: 200
阅读全文
摘要：并集选择器 div ,p,#p1,.hello{} 交集选择器 p#p2{bgc:yellow} 选中既是p标签又带有p2类的元素 元素选择器 <p>this is a 元素</p> p{bcg:yellow} id选择器 <div id="No1"></div> #No1{bcg:yellow}
阅读全文
