随笔分类 - css
摘要：今天跟朋友聊天被推荐的一个css变量使用,感觉挺方便的,适用于各种页面,类似于scss less ~好处是减少样式代码的重复性，增加样式代码的扩展性和灵活性 简单使用: <style> :root { --color:#000; --width:200px; } body { color : var
阅读全文
摘要：例一、使用混合mixins中的变量来定义一个n行文本溢出隐藏的公用样式。 1、创建mixins.scss文件 //文本n行溢出隐藏 @mixin ellipsisBasic($clamp:2) { overflow: hidden; text-overflow: ellipsis; display:
阅读全文
摘要：在右边的样式： border-right: 1px solid #003c74; box-shadow: 1px 0px 0px #0264c1; 在下边的样式： border-bottom: 1px solid #9c9c9c; box-shadow: 0px 1px 0px #ffffff;
阅读全文
摘要：沿用同行思密达的方法整理了一下;前提是先引入iconfont字体图标（引用线上iconfont查看上篇随笔）：比如 其中&#是开头用以标明这是字符实体，x表示这是十六进制，而CSS的content接受的也是16进制的Unicode编码，所以可以直接写 content: "\e7bb"
阅读全文
摘要：@font-face { font-family: 'iconfont'; /* project id 41366 */ src: url('http://at.alicdn.com/t/font_2uv0mkcc0vfxyldi.eot'); src: url('http://at.alicdn.
阅读全文
摘要：width:94%; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记
阅读全文
摘要：算哒垃圾死分拉萨机aldj都是sd white-space:nowrap; text-overflow:ellipsis; 让文字在一定宽度出现省略号
阅读全文
摘要：在看前辈写的CSS样式的时候发现好多之前都没用过的Css属性，现在看来有必要整理一下啦。 一、CSS选择器（http://www.w3school.com.cn/cssref/css_selectors.asp） 1、:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的
阅读全文
摘要：CSS3兼容各浏览器的线型渐变方法： 如下图所示： 兼容IE哟~~
阅读全文
摘要：1、div如何让背景是透明的 如：<div class="ha"></div> <style> .ha{ background:transparent; } </style> 2、input有多种类型：如 radio、submit、text等，如何取出它们其中一个进行写css样式呐？看下边 <div
阅读全文
摘要：<style> .footer{position:absolute;left:0;right:0} </style> <div classs="footer"> <button>结束</button> </div> 也就是说只要给你所定位的div的类加上left:0;right:0;(margin:
阅读全文
摘要：<style> //向上三角形 .triangle_up{ width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:30px solid red
阅读全文
摘要：前些天做页面时候遇到这样一个问题，将input框用position:fixed固定定位在最底部的时候，当Input获取焦点的时候，input框离开了手机软键盘，而不是吸附在软键盘上，效果如下图： 找了很多方法尝试，最后是用css解决的。 就是给input框所在div的以外代码块一个position:
阅读全文
