css
文章平均质量分 58
Tomhs3000
鸭鸭什么都不知道
展开
-
css伪类扩大点击区域
css伪类扩大点击区域原创 2017-09-20 19:13:43 · 3434 阅读 · 0 评论 -
纯css实现渐变,条纹背景
1、body { background:linear-gradient(#51B0E7 50%, #006084 50%); background-size:100% 20px;}2、body { background:#FFF; margin:50px; background:linear-gradient(45deg, #3498DB 50%, #2980B9 50%);...原创 2018-04-08 10:32:04 · 2050 阅读 · 0 评论 -
层叠上下文(z-index)
一、概述在日常code中,是否遇到过关于层级的问题,下面梳理下各种情况二、首先来一张著名的7阶层叠水平图换言之,除了z-index,display:inline-block,float,block也是可以控制元素层级显示的,ps:当元素有内容的时候,内容的层级会更高。三、代码实现首先是dom结构和样式代码,这里body当做是background来看 display原创 2018-02-07 14:55:48 · 449 阅读 · 0 评论 -
常用css样式
1文本超出部分省略号显示1)一行文本的情况overflow: hidden;white-space: nowrap;text-overflow:ellipsis;2)多行文本的情况(FF不支持)overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-原创 2017-12-08 16:59:05 · 379 阅读 · 0 评论 -
移动端开发底部元素margin-bottom失效解决办法
移动端开发底部元素margin-bottom失效解决办法原创 2018-01-02 11:03:28 · 12192 阅读 · 6 评论 -
通过label标签重置input[radio]样式
一、基于默认的input[radio]标签很丑,很多时候都需要重写样式,下面就介绍下通过label标签重置input[radio]标签的方法;二、准备首先我们需要给lable标签绑定input,然后再通过一个标签包含说明文字(这里选用span标签),代码如下 这是一行优雅的代码 这是一行特别优雅的代码 三、接下来要在样式上做文章了原创 2018-01-12 16:40:50 · 5615 阅读 · 1 评论 -
HTML代码换行引起的空格问题
html换行引起空格原创 2017-11-22 12:02:05 · 7209 阅读 · 0 评论 -
几种css属性兼容性写法
css属性兼容性写法,兼容低版本主流浏览器原创 2017-10-30 15:16:23 · 5585 阅读 · 0 评论 -
文字只显示若干行,多出部分省略号显示。
一行文本超出部分显示省略号,多行文本超出部分显示省略号。原创 2017-10-30 14:39:45 · 4035 阅读 · 0 评论 -
css解决边框重叠问题
在某些情景下,多个元素的边框是重叠在一起的,这样内部边框就会因为重叠而显得比较粗。如下图所示。而解决这个问题的方法有很多,这里推荐一种,给带有边框的元素设置如下样式margin:0 0 -borderwidth -borderwidth这里的borderwidth即为边框的宽度,按照上图所示,则添加样式 margin: 0 0 -1px -1px;...原创 2018-10-22 17:53:57 · 15865 阅读 · 3 评论