随笔分类 -  css

上一页 1 2
仅仅 IE8 有效的 CSS hack 写法
摘要：IE8 CSS hack 就是在属性后面加上 \9 或者 \0,代码如下： 上面的 hack 同样对 IE9 和 IE10 起作用，那么如何单单只针对ie8来渲染呢： 解决思路： 1，首先用IE8hack；其次用CSS3 之类的 IE8 不支持的选择器来重新覆盖一遍，符合条件的常用选择器有 :roo 阅读全文
posted @ 2017-02-10 14:56 最爱小虾 阅读(9158) 评论(0) 推荐(0)
text-indent
摘要：用法一： 方头括号【】因为中文标点符号占半个字的位置，所以在布局的时候，如果开头有中文符号，需要给text-index：-0.5em缩进，使得与折行的文字对齐。 用法二： 首行缩进两个字符：text-indent:2em; 用法三： 隐藏字符:text-indent:-999em; 总结：用法多种多 阅读全文
posted @ 2017-01-18 14:47 最爱小虾 阅读(1094) 评论(0) 推荐(0)
css从中挖去一个圆
摘要：始终居中： 二分之一圆的边： 完整： 阅读全文
posted @ 2017-01-17 15:01 最爱小虾 阅读(869) 评论(0) 推荐(0)
calc
摘要：calc 和flexbox搭配，用来写流式布局非常好； 阅读全文
posted @ 2017-01-17 12:14 最爱小虾 阅读(512) 评论(0) 推荐(0)
垂直居中
摘要：一，基于绝对定位的垂直居中 方法一：position+calc(固定宽高) 1,position：absolute； 2,css3:calc计算属性 calc实现： 内容部分必须固定宽和高。 calc可以做用于任何具有大小的东东，比如border、margin、pading、font-size和wi 阅读全文
posted @ 2017-01-17 12:05 最爱小虾 阅读(208) 评论(0) 推荐(0)
autoprefixer
摘要：自动化补全工具，在写兼容的css样式的时候，自动补全-webkit,-moz等 sublime和websotrm上都可以安装此工具。 阅读全文
posted @ 2016-12-05 12:04 最爱小虾 阅读(184) 评论(0) 推荐(0)
input按钮上传按钮样式
摘要：主要是定位和不透明度来实现： 阅读全文
posted @ 2016-11-14 12:00 最爱小虾 阅读(5898) 评论(0) 推荐(0)
visibility和display的异同
摘要：都有隐藏节点的作用。 visibility:hidden; display:none; （1）visibility 规定了元素是否可见，即使不可见也会占用上面的空间，在这里就是在指它与display的不一样了。 （2）display 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等 阅读全文
posted @ 2016-11-10 17:25 最爱小虾 阅读(272) 评论(0) 推荐(0)
标签q
摘要：标记短的引用，默认是中文符号：双引号 如果是在html里直接敲出引号，是这样的： 如果想要改变默认的引号符号，可以用属性lang： 阅读全文
posted @ 2016-11-10 17:06 最爱小虾 阅读(137) 评论(0) 推荐(0)
理解flex_对齐
摘要：容器属性: 左右对齐方式：justify-content:flex-start/flex-end/center/space-between/space-around; 上下对齐方式：align-items:flex-start/flex-end/center/baseline/stretch 其中， 阅读全文
posted @ 2016-11-10 11:24 最爱小虾 阅读(6678) 评论(0) 推荐(0)
省略
摘要：三、js解决方案： 一、js的解决方案： clamp.js 引用： 注意：用这个方法，一定要给文字加行高。 四、jq的dotdotdot.js http://dotdotdot.frebsite.nl 阅读全文
posted @ 2016-11-04 18:10 最爱小虾 阅读(356) 评论(0) 推荐(0)

上一页 1 2