随笔分类 -  html/css

文本超出部分省略（包括多行文本超出部分省略显示）
摘要：单行文本超出省略： 多行文本超出部分省略显示： 此方法是不是很规范，也可用下面这种方法： 阅读全文
posted @ 2016-11-14 15:25 柒叶 阅读(268) 评论(0) 推荐(0)
前端网站开发遇到的问题汇总
摘要：1、让容器内文字不管是单行还是多行始终垂直居中（兼容IE7、8） 解决：css无法直接控制，用js实现 2、IE上超链接使用绝对定位后失效 解决办法：（1）使用position:relative而不是position:absolute；（2）添加背景色；（3）添加透明的背景图片，gif或png，但会 阅读全文
posted @ 2016-09-21 13:54 柒叶 阅读(6411) 评论(1) 推荐(0)
BFC块级格式
摘要：BFC块级格式上下文，独立的一个渲染区域 1、同一个BFC的两个相邻盒子间的margin会重叠（垂直方向）； 2、BFC内部的盒子在垂直方向上会一个接一个的放置； 3、每个子元素的左外边距与包含块的左边界相接触； 4、计算BFC的高度时，浮动子元素也参与计算； 5、BFC内部的子元素不会受到外面元素 阅读全文
posted @ 2016-09-17 23:52 柒叶 阅读(437) 评论(0) 推荐(0)
清除浮动的三种方法
摘要：第一种：添加新的元素，应用clear：both HTML CSS 第二种：给父级元素定义overflow HTML CSS 第三种：:after 方法：（注意：作用于浮动元素的父亲） 先说原理： 这种方法清除浮动是现在网上最通用的一种清除浮动，他是利用:after和:before来在元素内部插入两个 阅读全文
posted @ 2016-09-13 13:54 柒叶 阅读(19121) 评论(0) 推荐(2)
css写出三角形（兼容IE）
摘要：利用css写三角形，兼容IE7 效果如下： 阅读全文
posted @ 2016-08-25 16:22 柒叶 阅读(1522) 评论(0) 推荐(0)
让底部始终在浏览器底部
摘要：当内容不足够高时，使footer始终处于底部，其中一种方法 html代码 css样式 这个代码需要一个额外的元素.push等于底部的高度，来防止内容覆盖到底部的元素。这个push元素是智能的，它并没有占用到底部的利用，而是通过全局加了一个负边距来填充。 阅读全文
posted @ 2016-08-25 15:23 柒叶 阅读(368) 评论(0) 推荐(0)
CSS中的字体设置
摘要：五大类：serif, sans-serif, monospace, cursive, fantasy serif 衬线字体，如 Big Caslon, 宋体 sans-serif 非衬线字体，如 Helvetica, 黑体 monospace 等宽字体，如 Menlo cursive 手写体，如 C 阅读全文
posted @ 2016-08-25 15:09 柒叶 阅读(2852) 评论(0) 推荐(0)
使用font-size：0去掉inline-block元素之间的空隙
摘要：现代浏览器的最新版都支持inline-block，只有该死的ie6、7不支持inline-block，但ie6、7可以通过 来模拟 下面是inline-block兼容的代码： 但是大家有没有发现，在firefox，safari，opera，ie8+中的 inline-block 元素之间会莫名其妙多 阅读全文
posted @ 2016-05-12 10:54 柒叶 阅读(850) 评论(0) 推荐(0)