随笔分类 -  css

icomoon.io生成字体图标
摘要：1. 准备svg图片 2. 打开icomoon选择icomoon App 3. import icons 上传本地的svg图片 4. 点击选中以后点击generate fonts形成字体图标 5. preferences可以设置样式。比如兼容ie,比如基线对齐等等 6. 最后下载文件就可以了 阅读全文
posted @ 2017-11-21 13:24 对三 阅读(651) 评论(0) 推荐(0)
如何使文本溢出边界显示为省略号？
摘要：首先需设置将文本强制在一行内显示，然后将溢出的文本通过overflow:hidden截断，并以text-overflow:ellipsis方式将截断的文本显示为省略号。 首先需设置将文本强制在一行内显示，然后将溢出的文本通过overflow:hidden截断，并以text-overflow:elli 阅读全文
posted @ 2017-11-15 11:42 对三 阅读(460) 评论(0) 推荐(0)
如何使文本溢出边界不换行强制在一行内显示？#test{width:150px;white-space:nowrap;}
摘要：#test{width:150px;white-space:nowrap;} 阅读全文
posted @ 2017-11-15 11:41 对三 阅读(262) 评论(0) 推荐(0)
取消select默认样式
摘要：/*清除select默认样式*/select { border: solid 1px #CACDD0; appearance:none; -moz-appearance:none; -webkit-appearance:none;}select::-ms-expand { display: none 阅读全文
posted @ 2017-11-08 19:52 对三 阅读(442) 评论(0) 推荐(0)
浏览器私有前缀
摘要：-moz-对应 Firefox, -webkit-对应 Safari and Chrome -o- for Opera -ms- for Internet Explorer 阅读全文
posted @ 2017-11-08 19:23 对三 阅读(143) 评论(0) 推荐(0)
兼容ie的background-size: cover;
摘要：.bg{ background: url() no-repeat; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../image/bg.jpg', sizingMeth 阅读全文
posted @ 2017-11-08 19:22 对三 阅读(383) 评论(0) 推荐(0)
关于字体
摘要：1. font-family什么时候加引号? 只有当字体名中有一个或多个空格（比如 New York），或者如果字体名包括 # 或 $ 之类的符号，才需要在 font-family 声明中加引号。 单引号或双引号都可以接受。 2. 文本属性连写 font: font-style font-weigh 阅读全文
posted @ 2017-11-05 10:09 对三 阅读(177) 评论(0) 推荐(0)
rgba透明的兼容处理
摘要：background-color: rgba(0, 0, 0, .6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);startcolorstr=# 阅读全文
posted @ 2017-10-16 15:12 对三 阅读(226) 评论(0) 推荐(0)
谷歌浏览器input中的text 和 button 水平对齐的问题
摘要：方法一 text 的vertical-align :top; 方法二 button的vertical-align: middle; 阅读全文
posted @ 2017-10-01 17:49 对三 阅读(312) 评论(0) 推荐(0)
css选择器的权重
摘要：权重会叠加! 阅读全文
posted @ 2017-09-28 08:31 对三 阅读(105) 评论(0) 推荐(0)
图片水平垂直 居中
摘要：方法1 使用设置背景图片实现图片居中 方法2 改变容器盒子的display:teble-cell;改变了盒子display导致设置margin无效;(ie7不兼容) 阅读全文
posted @ 2017-09-28 00:22 对三
vertical-align:middle;一般用于img和行内文字对齐方式
摘要：vertical-align:top ;文字和行内块元素的顶部对齐 vertical-align:middle;居中 vertical-align:bottom;底对齐 阅读全文
posted @ 2017-09-27 21:26 对三