![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
腻害了啊
这个作者很懒,什么都没留下…
展开
-
20 个常用的 CSS 技巧
1. 黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: graysc转载 2018-02-01 10:03:01 · 167 阅读 · 0 评论 -
改变placeholder颜色的方法
之前拿到一个设计图,Placeholder是白色的,所以就查看了一下改变placeholder的方法:[css] view plain copy input::-webkit-input-placeholder { /* WebKit browsers */ color: white; } input:-moz-placeholder { /* Mozil...转载 2018-05-16 19:20:00 · 14347 阅读 · 1 评论 -
IE6支持兼容max-height、min-height CSS样式
让IE6支持max-height、让IE6支持min-height样式属性方法教程我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定一定高度范围值,有时也需要设置一个最小高度值,以达到对齐等样式。接下来由DIVCSS5为大家总结的如何解决IE6不支持max-height和不支持max-height的方法;IE6 max-height、min-height不支持解决方法。目录IE6支持...转载 2018-03-21 15:26:28 · 232 阅读 · 0 评论 -
你所不知的 CSS ::before 和 ::after 伪元素用法
CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素了。Creative Button Styles一 基本语法在了解进阶...转载 2018-03-14 16:10:22 · 198 阅读 · 0 评论 -
完美的背景图全屏css代码 – background-size:cover?
在写主题样式的时候经常会碰到用背景图铺满整个背景的需求,这里分享下使用方法需要的效果图片以背景的形式铺满整个屏幕,不留空白区域保持图像的纵横比(图片不变形)图片居中不出现滚动条多浏览器支持以图片bg.jpg为例最简单,最高效的方法 CSS3.0归功于css3.0新增的一个属性background-size,可以简单的实现这个效果,这里用fixed和center定位背景图,然后用background...转载 2018-02-24 14:46:15 · 7494 阅读 · 0 评论 -
CSS下划线与文字间距,下划线粗细以及下划线颜色的设置
最开始的时候了解下划线的属性是:text-decoration:underline;1但是,很遗憾的是,对于设计做的下划线用浏览器默认属性样式很难调整,使用这个属性并不能调整下划线与文字的间距,而且对于下划线的颜色也不好调整,而使用<u></u>这个标签也是同样的效果。例子:<!DOCTYPE html><html><...转载 2018-02-28 17:48:18 · 17095 阅读 · 2 评论 -
CSS左侧固定宽 右侧自适应(兼容所有浏览器)
方法一、浮动布局[html] view plain copyHTML div id="left">Left sidebardiv> div id="content">Main Contentdiv> CSS Code style type="text/css"> *{margin:转载 2018-02-06 14:22:43 · 273 阅读 · 0 评论 -
Position属性四个值:static、fixed、absolute和relative的区别和用法
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下:先看下各个属性值的定义:1、static(静态定位):默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-转载 2018-02-09 14:31:40 · 124 阅读 · 0 评论 -
hover--控制多个子div
一、通过css方式来控制hover实现控制多个子div找到合适的职位产品经理产品经理最激动人心的是,是将想法实现,并被数千用户所使用申请职位产品经理JOSON产品经理产品运营运营的重点不只是营业额,而是让用户在这里获得更多乐趣申请职位运营经理JOSON研发工程师研发工程师研发原创 2018-01-18 14:47:05 · 7625 阅读 · 0 评论 -
canvas-简单快速实现知乎登录页背景效果
前言打开知乎的登录页,就可以看到其背景有一个动效,看起来好像蛮不错的样子:这个效果使用canvas是不难实现的,接下来就一步一步地讲解并实现这个效果。分析在动工之前先分析这个效果到底是如何运动的。首先要理解的是虽然看起来好像所有线和圆都在运动,但实际上只有圆才是在运动的,而线只不过是把满足一定条件的任意两个圆连接在一起。那么接下来就分析圆是怎么运动的,从效果看,转载 2018-02-01 10:05:57 · 2374 阅读 · 0 评论