随笔分类 -  css

css vertical-align 深入理解
摘要：// 1 小图标和文字的对齐// 通过vertical-align 负值 web前端，就职于腾讯ISUX上海设计中心，喜欢卖萌打杂，同事都叫我张老师，(*^__^*) 嘻嘻…… //2.不定尺寸图片或多行文字的垂直居中 不定尺寸图片或多行文字的垂直居中 w... 阅读全文
posted @ 2018-08-27 22:59 renyangli 阅读(165) 评论(0) 推荐(0)
css 扣背景图标
摘要：.attached { height: 15px; width: 15px; display: inline-block; position: relative; bottom: 5px; background: url("../img/detailIcon.png") -119px -93px no-repeat; cursor: poi... 阅读全文
posted @ 2016-11-07 14:31 renyangli 阅读(151) 评论(0) 推荐(0)
css3 笔记1-20
摘要：1. 设置或检索当内容超过指定容器的边界时是否断行。 CSS3中将 <' word-wrap '> 改名为 <' overflow-wrap '>； 由于历史原因，当你使用 <' overflow-wrap '> 时，最好同时使用 <' word-wrap '> 作为备选，作向前兼容。 2、两行缩略 阅读全文
posted @ 2016-06-24 10:29 renyangli 阅读(151) 评论(0) 推荐(0)
HSLA制作配色表
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HSLA制作配色表</title> <style> .table-wrap { width: 400px; margin: 10px; float: left; 阅读全文
posted @ 2016-04-14 16:12 renyangli 阅读(233) 评论(0) 推荐(0)
HSL制作配色表
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HSL制作配色表</title> <style> .table-wrap { width: 400px; margin: 10px; float: left; 阅读全文
posted @ 2016-04-14 15:21 renyangli 阅读(475) 评论(0) 推荐(0)
css3 text-overflow制作固定区域的博客列表
摘要：<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>text-overflow制作固定区域的博客列表</title> <link rel="stylesheet" type="text/css" href= 阅读全文
posted @ 2016-04-13 16:38 renyangli 阅读(225) 评论(0) 推荐(0)
左两行右一行的布局（仅限三个div）
摘要：用三个div做一个类似下图的布局： get objects by class 111 222 333 做这个布局有两个要点：1。第二个div要清除浮动2.考虑到IE6经... 阅读全文
posted @ 2014-06-26 17:18 renyangli 阅读(861) 评论(1) 推荐(0)
IE6BUG
摘要：1. li在IE中底部3像素的BUG解决方案：在上加float:left；即可解决2. IE6中奇数宽高的BUG。解决方案：就是将外部相对定位的div宽度改成偶数。高度也是一样的。3. IE6文字溢出BUG引发这种BUG有几个条件1.是注释引起的,删除所有注释即可.2.hidden的input直接放... 阅读全文
posted @ 2014-06-14 17:39 renyangli 阅读(150) 评论(0) 推荐(0)
CSS中zoom:1的作用 ，小标签大作用
摘要：CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的haslayout解决ie下的浮动，margin重叠等一些问题。比如，本站使用DIV做一行两列显示，HTML代码： 推荐文章 CSS库吧 原创 CSS代码：.... 阅读全文
posted @ 2014-06-14 17:24 renyangli 阅读(121) 评论(0) 推荐(0)
CSS中的!important属性用法
摘要：关于CSS的运用技巧有很多， 今天主要探讨一下CSS中 !important 这个属性的用法。在CSS的使用中，遇到最多的问题就是不同浏览器之间的兼容问题。 由于IE并不严格执行W3C标准， 而又几乎垄断了浏览器市场。 所以作为一名合格的网站制作人员， 必须要针对不同的浏览器进行微调。 实现不同浏览... 阅读全文
posted @ 2014-06-06 21:02 renyangli 阅读(222) 评论(0) 推荐(0)