随笔分类 -  CSS

前端基础
工作日记
摘要：&times会转换成x，审批管理模块中的内容 阅读全文
posted @ 2017-09-07 11:28 @circle 阅读(117) 评论(0) 推荐(0)
chrome浏览器小于12px字体的解决方案
摘要：第一种解决方案： 1、设置-webkit-text-size-adjust:none; #chrome10px{ -webkit-text-size-adjust:none; font-size:10px; }； 第二种解决方案： #chrome10px{ font-size : 12px; -we 阅读全文
posted @ 2017-08-26 16:50 @circle 阅读(1734) 评论(0) 推荐(0)
css3属性总结
摘要：1、box-shadow属性 .test{ box-shadow:10px 10px 20px #ccc;/*可以实现向右倾斜45度的效果*/ } 阅读全文
posted @ 2017-08-26 16:40 @circle 阅读(225) 评论(0) 推荐(0)
怎样去除IE9以下浏览器的input自带的X？
摘要：经过一番百度，解决了IE9下的自带浏览器的样式： 泻药使用IE特有伪元素样式 牢记知识点，才能在工作中游刃有余~ 希望对大家能有帮助！！！ 共同学习 阅读全文
posted @ 2017-07-17 09:53 @circle 阅读(820) 评论(2) 推荐(0)
div超出内容后自动显示滚动条
摘要：只需要用到css的一个overflow:auto的属性就可以实现这效果了。下面我们看看代码和实现的效果 HTML代码如下： 延伸： 如果想让滚动条一直显示，可以设置：overflow:scroll的属性 (如果内容没有超出内容，不会显示滚动条，但是会显示可以下拉) 阅读全文
posted @ 2017-07-11 15:03 @circle 阅读(4403) 评论(0) 推荐(0)
css处理文本折行截断
摘要：包括单行文本折行和多行文本折行 规定行数的截断处理方式(多行) 完整代码如下： 阅读全文
posted @ 2017-07-10 10:40 @circle 阅读(694) 评论(0) 推荐(0)
全局css样式
摘要：自己的全局css如下： 阅读全文
posted @ 2017-07-10 09:21 @circle 阅读(3338) 评论(0) 推荐(0)
Flexbox 弹性盒子布局
摘要：具体使用方式： .nav{ display:-webkit-flex;//标示使用弹性布局 } .item{ flex:1;//num占容器的比例 } 不定宽高的水平垂直居中 第一种： .wrap{ position:absolute; top:50%; left:50%; -webkit-tran 阅读全文
posted @ 2017-07-10 09:13 @circle 阅读(161) 评论(0) 推荐(0)
css权重
摘要：权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用，权重相同的后写的样式会覆盖前面写的样式。 可以把样式分为几个等级，顺序如下： a、！important 加在样式属性后，权重值为10000（优先级最高） b、内联样式（style=" "）权重值为1000（仅次于! 阅读全文
posted @ 2017-07-08 12:58 @circle 阅读(220) 评论(0) 推荐(0)
清除浮动的四种方法
摘要：1、使用伪类来实现清除浮动(:after或者:before) .clearfix:after{ centent:"";//设置内容为空 height:0;//高度为0 line-height:0;//行高为0 display:block;//将文本转为块级元素 visibility:hidden;/ 阅读全文
posted @ 2017-07-07 09:36 @circle 阅读(129) 评论(0) 推荐(0)