摘要: 单行文本超出省略: 多行文本超出部分省略显示: 此方法是不是很规范,也可用下面这种方法: 阅读全文
posted @ 2016-11-14 15:25 柒叶 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 两种方法,方法一: js代码: html: 原生js实现,方法二: js代码: html: 阅读全文
posted @ 2016-10-13 11:42 柒叶 阅读(8353) 评论(0) 推荐(0) 编辑
摘要: 1、让容器内文字不管是单行还是多行始终垂直居中(兼容IE7、8) 解决:css无法直接控制,用js实现 2、IE上超链接使用绝对定位后失效 解决办法:(1)使用position:relative而不是position:absolute;(2)添加背景色;(3)添加透明的背景图片,gif或png,但会 阅读全文
posted @ 2016-09-21 13:54 柒叶 阅读(6360) 评论(1) 推荐(0) 编辑
摘要: BFC块级格式上下文,独立的一个渲染区域 1、同一个BFC的两个相邻盒子间的margin会重叠(垂直方向); 2、BFC内部的盒子在垂直方向上会一个接一个的放置; 3、每个子元素的左外边距与包含块的左边界相接触; 4、计算BFC的高度时,浮动子元素也参与计算; 5、BFC内部的子元素不会受到外面元素 阅读全文
posted @ 2016-09-17 23:52 柒叶 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 第一种:添加新的元素,应用clear:both HTML CSS 第二种:给父级元素定义overflow HTML CSS 第三种::after 方法:(注意:作用于浮动元素的父亲) 先说原理: 这种方法清除浮动是现在网上最通用的一种清除浮动,他是利用:after和:before来在元素内部插入两个 阅读全文
posted @ 2016-09-13 13:54 柒叶 阅读(19042) 评论(0) 推荐(2) 编辑
摘要: 移动前端head常用meta标签 <meta name="wap-font-scale" content="no"> 阅读全文
posted @ 2016-08-25 17:03 柒叶 阅读(7556) 评论(0) 推荐(1) 编辑
摘要: 利用css写三角形,兼容IE7 效果如下: 阅读全文
posted @ 2016-08-25 16:22 柒叶 阅读(1489) 评论(0) 推荐(0) 编辑
摘要: 当内容不足够高时,使footer始终处于底部,其中一种方法 html代码 css样式 这个代码需要一个额外的元素.push等于底部的高度,来防止内容覆盖到底部的元素。这个push元素是智能的,它并没有占用到底部的利用,而是通过全局加了一个负边距来填充。 阅读全文
posted @ 2016-08-25 15:23 柒叶 阅读(342) 评论(0) 推荐(0) 编辑
摘要: 五大类:serif, sans-serif, monospace, cursive, fantasy serif 衬线字体,如 Big Caslon, 宋体 sans-serif 非衬线字体,如 Helvetica, 黑体 monospace 等宽字体,如 Menlo cursive 手写体,如 C 阅读全文
posted @ 2016-08-25 15:09 柒叶 阅读(2811) 评论(0) 推荐(0) 编辑
摘要: 1、设置meta标签 user-scalable = no 属性能够解决 iPad 切换横屏之后触摸才能回到具体尺寸的问题 2、通过媒介查询来设置样式(Media Queries) 假如一个终端的分辨率小于 980px,可以这样写: 这里的样式就会覆盖上面已经定义好的样式。 3、设置多种试图宽度 假 阅读全文
posted @ 2016-08-25 11:22 柒叶 阅读(207) 评论(0) 推荐(0) 编辑