![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
小毛嗑儿
这个作者很懒,什么都没留下…
展开
-
详解filter与fixed冲突的原因及解决方案
详解filter与fixed冲突的原因及解决方案问题描述当在body中使用了filter滤镜属性的时候,会导致fixed元素定位发生错误,即不再相对viewport进行定位,而是相对整个网页(body元素)进行定位。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19...转载 2020-07-28 21:05:53 · 2388 阅读 · 0 评论 -
HTML+CSS实现div的高度自适应填满剩余空间的7种方法
CSS实现div填充剩余高度转发:https://my.oschina.net/linsk1998/blog/3005190如图上下两部分,上面部分适应内容的高度,下面部分填充剩余部分。当下面内容不够时,在下面部分出现滚动条有2种情况1.上面内容的高度适应内容,只有2种方法(flex、quirks+table)2.上面内容为固定高度,除了上面2种方法,方法还有(borderbox、position:fixed、top+bottom、javascript、...转载 2020-07-13 12:05:37 · 10087 阅读 · 0 评论 -
checkbox系列
1.解决checkbox属性checked为true但是未被选中的问题(转)原来是jQuery版本问题。 Attributes vs. Properties attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ,.attr()方法在取某些 attribute 的值时,会返回 property 的值,这就导致了结果的不一致。从 ...原创 2018-05-24 18:03:37 · 124 阅读 · 0 评论 -
解决浏览器记住密码--自动填充黄色背景
/* 解决浏览器记住密码--自动填充黄色背景 */适用于纯色背景: input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #262333 inset !important;//关于解决输入框背景颜色-webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接...原创 2018-05-03 09:11:39 · 650 阅读 · 0 评论 -
CSS选取第几个标签元素:nth-child、first-child、last-child
在前端开发中,我们可能会碰到这样的需求:想让列表中的第一个部分显示不同的样式 ,想让列表中的偶数部分显示不同的背景颜色,想让列表中的最后一部分样式不一样……这样的需求,我们怎样来实现?其实,如果前面文件是php开发的,可以通过php的循环语句+判断语句+css样式来实现。但是,如果是静态代码,php就无法用了。这时,我们还可以通过CSS来实现,CSS给我们提供了几个非常有用的样式参数:first...原创 2018-04-20 16:59:26 · 332 阅读 · 0 评论 -
css复合属性的写法
css复合属性的写法==========================================================1. 背景-background==========================================================单个属性的写法.sample1 {background-color: #CCCCCC; /*背景颜...原创 2018-04-19 17:57:24 · 848 阅读 · 0 评论 -
css input[type=file] 样式美化,input上传按钮美化
css input[type=file] 样式美化,input上传按钮美化2014年8月29日 399797次浏览由于明天公司组织出去游玩,今天把这两天的博客都写了吧,今天的内容是input[type=file] 样式美化,input上传按钮美化。我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,i...原创 2018-04-19 17:40:01 · 151 阅读 · 0 评论 -
css判断ie版本才引用样式或css文件
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6原创 2018-04-17 18:01:04 · 1335 阅读 · 0 评论 -
绝对定位元素的水平垂直居中
二、绝对定位元素的居中实现如果要问如何CSS实现绝对定位元素的居中效果,很多人心里已经有答案了。兼容性不错的主流用法是:.element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; /* 高度的一半...原创 2018-04-10 15:31:36 · 156 阅读 · 0 评论 -
CSS3 过滤器 图片置灰
CSS3 过滤器 图片置灰原创 2018-04-08 08:48:10 · 353 阅读 · 0 评论 -
一个高度不固定的div,里面的文字如何垂直居中?
我也找了老半天,后来发现一个很强势的写法 简单暴力// 加在父级div中垂直居中:align-items:center; display: -webkit-flex;水平居中:justify-content:center; display: -webkit-flex;...原创 2018-04-04 15:09:34 · 535 阅读 · 0 评论 -
top、margin-top的区别
1、top、bottom、left、right是绝对定位,必须设置position为absolute。 margin一系列设置是相对定位。 注意:如果用top等,而position未设置为absolute,那设置是不起作用的。 2、top这些在绝对定位的前提下,这个绝对定位,是相对body 或者 position:relative的父级元素的绝对定位。 ...原创 2018-04-04 15:07:09 · 131 阅读 · 0 评论 -
jquery如何动态修改background position的值
修改jquery修改background-position的值可以使用jQuery CSS 操作 - css() 方法。 定义和用法 css() 方法返回或设置匹配的元素的一个或多个样式属性。 设置 CSS 属性语法 $(selector).css(name,value) 实例 将所有背景图片的位置:1 $...原创 2018-01-15 16:19:57 · 3859 阅读 · 0 评论 -
CSS里常见的块级元素和行内元素
据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,...原创 2017-11-28 14:16:18 · 150 阅读 · 0 评论 -
li 元素标签之间的空隙是怎么回事,求解~~
li 元素标签之间的空隙是怎么回事,求解~~ 写成这样就消除了间隙<ul><li>房产</li><li>家居</li><li>二手房</li></ul> ,可是每次写网页时候必须这样写吗,有没有别的解决办法呢? 在ul标签中设置font-size=0,在li中设置原创 2017-11-21 14:13:42 · 1199 阅读 · 0 评论 -
样式重置 css reset
新浪的初始化: 1 html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img { 2 margin: 0; 3 padding: 0 4 } 5 fieldset,img { 6 border: 0 7 } 8 img { 9 di...原创 2017-11-20 15:20:58 · 101 阅读 · 0 评论 -
前端人员必看CSS命名规范
作为前端的设计人员,对于CSS的接触,就像吃饭一样。所以CSS命名规范 命名是 前端人员必看的。文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解:所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:业务类的CSS是指和具体产品相关的文件,放在如下目...原创 2017-11-20 15:13:11 · 131 阅读 · 0 评论