![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
LTIven
爱闻,爱问,爱文
展开
-
关于transform-style:preserve-3d的一些理解
transform-style属性是3D空间一个重要属性,指定嵌套元素如何在3D空间中呈现。他主要有两个属性值:flat和preserve-3d。transform-style属性的使用语法非常简单:CSS Code复制内容到剪贴板 transform-style: flat | preserve-3d 其中flat值为...转载 2019-11-16 15:05:11 · 10312 阅读 · 1 评论 -
css属性鼠标指针的使用
今天在项目中,要用到自定义鼠标样式,格式:css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoom-out;}//FF下面css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以前面url是自定义鼠标格式,图像的绝对路径地址,后面的参数是css标准的cursor样式,(IE下面可以不需要)图标的格式根据不同...转载 2019-11-15 13:05:15 · 172 阅读 · 0 评论 -
详解css3属性border-radius
当时写这篇文章主要是想探讨一下优雅降级和渐进增强的区别,按照正常的逻辑思维,不管是降级还是增强,应该对于效果是没什么区别的,因为后者会覆盖前者,但今天无意看到张鑫旭的一篇文章,关于CSS3属性的书写顺序(10年的,原谅我的孤陋寡闻T_T),标准的css3属性和带webkit的前缀在某些情况是不一样的效果,比如border-radius和-webkit-border-radius带两个参数时,显示的...转载 2019-11-15 10:14:16 · 336 阅读 · 0 评论 -
background-attachment属性进阶
前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。取值:scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。fixed:背景图相对于视口固定,所以随页面滚动背景不动,相当于背景被设置在了body上。lo...转载 2019-11-12 11:02:16 · 203 阅读 · 0 评论 -
background的简写形式
在CSS2.1里,background属性的简写方式包含五种属性值,从CSS3开始,又增加了3个新的属性值,加起来一共8个。CSS2.1background-color 使用的背景颜色。background-image 使用的背景图像。background-repeat 如何重复背景图像。background-attachment 背景图...原创 2019-11-12 10:57:13 · 1705 阅读 · 0 评论 -
图片的响应式设计
响应式图像教程感谢 腾讯课堂NEXT学院 赞助本站,腾讯官方的IT课程 年终优惠免费试学。 网页在不同尺寸的设备上,都有良好的显示效果,叫做"响应式设计"(responsive web design)。 响应式设计的网页图像,就是"响应式图像"(responsive ima...转载 2019-11-11 15:10:13 · 287 阅读 · 0 评论 -
@supports使用方法
原文地址:https://justforuse.github.io/blog/zh-cn/2018/08/supports-tutorial/@supports是CSS3新引入的规则之一,主要用于检测当前浏览器是否支持某个CSS属性并加载具体样式.基本使用方式:@supports (display: grid) { .container { color: red;...转载 2019-09-21 14:50:48 · 469 阅读 · 0 评论 -
CSS中position属性介绍(新增sticky)
最近有点忘了position几个取值的内容,在这里简单总结一下。 position的含义是指定位类型,取值类型可以有:static、relative、absolute、fixed、inherit和sticky,这里sticky是CSS3新发布的一个属性。1、position: static static(没有定位)是position的默认值,元素处于正常的文档流中,会忽略l...转载 2019-08-15 16:25:20 · 136 阅读 · 0 评论 -
css3 var 变量定义
无意中发现 css3的拥有一个自定义属性的功能,利用这个功能,我们可以实现灰常牛逼的功能。如图: css自定义变量的语法是 --* 取名规则也很广,除了$、[、^、(、%都可以取,甚至可以取中文名。。 举个栗子:p { --牛逼颜色: #ff4400; color: var(--牛逼颜色);咋一看,跟sass 、less变量差不多~ 但是它是css原生自带的,很是方便...转载 2019-08-11 18:17:03 · 909 阅读 · 0 评论 -
display:table-cell
一、display:table-cell属性简述display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用(写于2016年8月24日:时代在变,当下,是时候登上舞台了)。我们都知道,单元格有一些比...转载 2019-08-19 10:09:49 · 6127 阅读 · 0 评论 -
CSS3中强大的filter(滤镜)属性
1定义 filter,从字面意思来看就是滤镜,官方定义filter属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度);举个栗子:<style> img{ /*灰度100%*/ -webkit-filter:grayscale(100%); }</style><img sr...转载 2019-08-01 10:09:33 · 160 阅读 · 0 评论 -
如何让div获取焦点或可编辑
DIV获取焦点(两种方法): 需添加tabindex="0"或者contenteditable="true"属性 ①:设置div为可编辑状态,则可点击获取焦点,同时div的内容也是可以编辑的;如: <div contenteditable="true">11111111111111</div> ②:设置div的tabindex,此时div的内容是不可编辑的;如: <...原创 2019-07-22 20:01:57 · 926 阅读 · 0 评论 -
css取消双击选中文字
点击去原文 前言jQuery对象是一个类数组的对象,含有连续的整形属性以及一系列的jQuery方法。它把所有的操作都包装在一个jQuery()函数中,形成了统一(也是惟一)的操作入口。其中我们用...转载 2019-07-18 20:04:55 · 254 阅读 · 0 评论 -
css如何修改滚动条样式
默认滚动条样式如下:那如何修改呢?如下代码:<div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容111</p> ...转载 2019-07-14 11:30:12 · 110 阅读 · 0 评论 -
【转】理解CSS3 max/min-content及fit-content等width值
本文地址:https://www.zhangxinxu.com/wordpress/?p=5392一、为何要蹦出这些新玩意?在CSS3的世界里,width属性又多了几个关键字成员,fill-available, max-content, min-content, 以及fit-content。想必很多小伙伴都没见过。不知大家有没有跟我一样的感觉,去厕所蹲了个大号,再回到办公室就会遇到之前没见过...转载 2019-06-28 13:53:33 · 392 阅读 · 0 评论 -
【转】四种方式实现轮播图
转载自:http://www.jianshu.com/p/bd1f34e7e953不论是app,还是网站,基本上都会出现轮播图,今天和大家分享几种不同工具实现轮播图的几种方式。轮播图的基本样式和功能就不需要解释了,相信能根据题目选择看文章的话都知道啥是轮播图,如果哪位读者老爷真的让非要我解释一下啥是轮播图,求您饶了在下吧,真心词穷~为了方便大家观看,我把css,html,js都写在一...转载 2019-07-03 19:15:52 · 1279 阅读 · 0 评论 -
【转】CSS 背景位置 background-position属性
所属专栏:揭秘 CSS点击去原文 ...转载 2019-07-03 14:37:16 · 355 阅读 · 0 评论 -
【转】深入理解CSS中的层叠上下文和层叠顺序
深入理解CSS中的层叠上下文和层叠顺序 这篇文章发布于 2016年01月9日,星期六,22:15,归类于 CSS相关。 阅读 110263 次, 今日 7 次 62 条评论 零、世间的道理都是想通的什么是层叠上下文什么是层叠水平什么是层叠顺序务必牢记的层叠准则层叠...转载 2019-07-03 09:57:12 · 285 阅读 · 0 评论