CSS实现三列布局
三列布局指的是两边两列定宽，中间的宽度自适应。常用三种方法：定位浮动弹性盒布局定位方式最直观和容易理解的一种方法，左右两栏选择绝对定位，固定于页面的两侧，中间的主体选择用margin确定位置<!DOCTYPE&nbs...
清除页面浮动
在非IE浏览器下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。即父级对...
@media screen布局响应式的时候要注意
1.设置Meta标签<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">2.加载兼容文件JS<!--[if&n...
滚动条优化样式
有些人做网页的时候,做着发觉系统网页的滚动条觉得不够美观,然后就想优化一下,下面是优化的办法:css添加样式:/** 滚动条 **/ ::-webkit-scrollbar { width: 6px; height: 10px;...
html/css常用技巧
1.禁止鼠标双击选中文本<div onselectstart="return false;" style="-moz-user-select:none;">不被双击选中文字的区域</div>2.自定义li样式li:{ list-style: ...
前端知识点总结-css篇
1、css的display：none和visibility:hidden区别display:none使用后，元素的宽度，高度都会丢失，视为不存在不加载；元素原来占据的空间位置不保留；产生回流和重绘；visibility:hidden:视觉上的不可见，但是保留占据...
CSS 常用布局解决方案
来源 蚂蚁HTML5社区 : https://mp.weixin.qq.com/s/RuSUDyxS9JXxDIcd0d87PQ记录下 CSS 常用布局的解决方案，对于需要高兼容性的布局可以使用基于 posistion 属性的布局，table 布局方式也经常用到。还有...
设置图片元素上下垂直居中的7种css样式
图片、文字左右居中很简单，只需要以下代码：text-align:center;文字上下居中也很简单，假设外部div元素的高度是100px，那么：line-height:100px;line-height不适用于图片，想要设置图片上下居中对齐，代码如下：方...
兼容性解决,浏览器ie6,7
讲解内容:兼容性问题 1、IE6下怪异盒模型 2、IE6下最小高度问题 3、IE6下不支持1px的点线 4、IE6下内容会把父级的高度撑开 &n...
css ie兼容 hack
background: red; background: green\9; /*ie10以及ie10以前的浏览器认识*/ /**background: blue;*/ /*ie7以及ie7以下的*/ +background: blue;&nbs...
手机端wap网站使用rem字体自适应方法,随屏幕大小缩放自适应大小文字
只需要在做的时候引入这个js代码,pc端使用的px代码可以转化成rem;比如240px,在手机端是2.4rem.(function (doc, win) { var docEl = doc.documentElement, ...
兼容IE6+、Chrome、FireFox的固定浮动css代码
<div style="height: 1500px">模拟正文内容，以便显示滚动条</div> <div class="fixedfloat">该标签固定浮动</div>/* body容器设置 */ bod...
