• box-shadow IE8兼容处理

    根据canisue(http://caniuse.com/#search=box-shadow),box-shadow兼容性如下图所示: 测试代码: 1 ! DOCTYPE html 2 html 3 4 head 5 meta charset ="UTF-8" 6 meta http-equiv ="X-UA-Compatible" content ="IE=edge,chrome=1" 7 title / title 8 style type ="te...

    2018-06-24 01:07:00

  • CSS 布局整理

    1.css垂直水平居中 效果: HTML代码: div id ="container" div id ="center-div" / div / div CSS实现: 都设置居中 div块的宽高和背景色。 #center-div { width : 100px ; height : 100px ; background : #2b669a ;} a.用inline-block和vertical-align来实现居中: #...

    2018-06-24 01:06:56

  • border-radius IE8兼容处理

    根据canisue(http://caniuse.com/#search=border-radius),border-radius兼容性如下图所示: 测试代码: 1 ! DOCTYPE html 2 html 3 4 head 5 meta charset ="UTF-8" 6 meta http-equiv ="X-UA-Compatible" content ="IE=edge,chrome=1" 7 title / title 8 style typ...

    2018-06-24 01:06:57

  • css深入理解vertical-align

    第一讲:vertical-align家族基本认识 了解vertical-align支持的属性值以及组成 属性: 1.inherit 2.线类 baseline,top,middle,bottom 3.文本类 text-top,text-bottom 4.上标下标类 sub,super 5数值百分比类 20px,2em,20% 共性 都带数值 20px 20em 20%,都支持负值 marg...

    2018-06-24 01:06:56

  • download 下载文件 IE兼容性处理

    根据CANIUSE(http://caniuse.com/#search=download)download兼容性如下图所示: 如上图所示,IE浏览器是不支持的。 1、测试代码: 1 ! doctype html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" / 5 title download 下载文件 IE兼容性处理 / title 6 / head 7...

    2018-06-24 01:06:54

  • css相关

    textarea去掉拉伸 resize:none; input button等去掉选中的默认样式 input,button,select,textarea{outline:none;} 超出显示省略号 overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal !important; word-break:normal !important; ie8背景...

    2018-06-24 01:06:48

  • 深入理解CSS中的margin

    1.css margin可以改变容器的尺寸 元素尺寸 可视尺寸--标准盒子模型中盒子的宽度是不包括margin值的,clientWidth 占据尺寸--包括margin的宽度 outWidth不在标准之中,jquery中有相对应的方法 margin与可视尺寸 1.1使用那个与没有设定width/height的普通block水平元素 2...

    2018-06-24 01:06:53

  • Bootstrap定制开发

    Bootstrap作为目前很受欢迎的前端框架,越来越多的网站开始使用基于Bootstrap框架进行开发。 1、定制开发方法 (1)Bootstrap定制开发可以使用LESS和Grunt实现定制化 (2)在线实现定制化开发,地址为:http://v3.bootcss.com/customize/ 2、定制开发优点 页面没有采用...

    2018-06-24 01:06:50

  • 【Little Demo】左右按钮tab选项卡双切换

    通过前一篇文章从简单的Tab标签到Tab图片切换的说明,相关效果也就可以实现了。 1.左右按钮tab选项卡双切换 很明显,左右两个按钮是 absolute 布局,另外就是内容部分和Tab标签部分。 1) 先实现Tab内容和标签部分的显示: HTML代码: div class ="tab-Infomations" div...

    2018-06-24 01:06:50

  • DOCTYPE的作用以及标准模式和兼容模式的区别

    DOCTYPE的作用以及标准模式和兼容模式的区别 !doctype声明必须处于HTML文档的头部,在html标签之前, 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现 。HTML5中不区分大小写 !doctype声明不是一个HTML标签,是一个...

    2018-06-24 01:06:46

2