<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or ...
分类:
Web程序 时间:
2019-06-03 14:06:52
阅读次数:
167
1、水平居中设置--行内元素 文章的标题一般都是水平居中显示的,可是在这里我们又要分为两种情况:行内元素还是块状元素。 块状元素里面又分为定宽块状元素以及不定宽块状元素。 行内元素进行水平居中:如果被设置元素为文本、图片等行内元素时,水平居中通过给父元素设置text-align:center来实现的 ...
分类:
Web程序 时间:
2019-05-31 18:08:38
阅读次数:
165
前端总结·基础篇·CSS 1 常用重置+重置插件(Normalize.css,IE8+) * {box-sizing:border-box;} /* IE8+ */body {margin:0;} /* 去除边距 */ul {margin:0;padding-left:0;} /* 去除边距和左填充 ...
分类:
Web程序 时间:
2019-05-30 22:04:47
阅读次数:
170
1.IE6/7兼容伪类 _1.CSS部分:一个有冒号,一个是空格分隔。前者IE8+及其他现代浏览器;后者为IE6-7准备的 #test:before, #test before{ content: attr(data-content); width: 0; height: 0; } _2.HTML部 ...
分类:
其他好文 时间:
2019-05-29 18:20:11
阅读次数:
290
1、示例一 实现左右布局,左侧宽度200px,右侧自适配 代码如下: 说明: display: -webkit-box; 适用于谷歌浏览器,火狐浏览器,IE Edge display: -ms-flexbox; 适用于IE11,我试了IE8,IE9,都支持不了 效果如下: 2、示例二 实现左中右布局 ...
分类:
Web程序 时间:
2019-05-25 16:58:13
阅读次数:
146
当我们在做网页时,应当充分考虑到网页自适应的问题 否则可能会出现同一个网页在不同的屏幕尺寸上排版布局混乱的情况 方案一:用比例控制大小 1. ++在网页代码的头部,加入一行viewport元标签++ 以下是相关的属性的解释: 1. width :控制 viewport 的大小,可以指定的一个值,如 ...
分类:
其他好文 时间:
2019-05-19 20:48:04
阅读次数:
191
菜鸟教程(runoob.com) 图片 .img-circle 类将图片变为圆形 (IE8 不支持): ...
分类:
其他好文 时间:
2019-05-19 13:54:23
阅读次数:
99
菜鸟教程(runoob.com) 图片 .img-rounded 类为图片添加圆角 (IE8 不支持): ...
分类:
其他好文 时间:
2019-05-19 13:53:32
阅读次数:
84
菜鸟教程(runoob.com) 表格 .table-striped 类在 tbody 内添加斑马线形式的条纹 ( IE8 不支持): ... ...
分类:
其他好文 时间:
2019-05-19 12:10:14
阅读次数:
110
1、原因:placeholder是h5的新属性,IE10以前的浏览器(8、9)不支持此属性。 2、解决方法:jQuery三方插件 jquery-placeholder 3、快速开始: <!DOCTYPE html> <html> <head> <title>test</title> <script ...
分类:
其他好文 时间:
2019-05-18 10:00:13
阅读次数:
142