![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 83
Vincent.TM
程序媛一枚,欢迎讨论及修正,一起进步!
展开
-
优化滚动的一个小技巧:scroll-snap-type
scroll-snap-type 优化滚动CSS 新增了一批能够控制滚动的属性,让滚动能够在仅仅通过 CSS 的控制下,得到许多原本需要 JS 脚本介入才能实现的美好交互。scroll-snap-type CSS 属性定义在滚动容器中的一个临时点(snap point)如何被严格的执行。语法scroll-snap-type:none | [ x | y | block | inline | both ] [ mandatory | proximity ]?参数解析none:当这个滚动容器的可视的原创 2021-02-24 18:38:41 · 5546 阅读 · 0 评论 -
linear-gradient和border-image合并使用,增加border渐变
linear-gradient和border-iamge合并使用,增加border渐变linear-gradientborder-iamge原创 2020-12-18 15:34:05 · 2394 阅读 · 2 评论 -
CSS中优秀的响应布局Grid
CSS中优秀的布局Grid设置响应单位fr合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。n行n列,之前需要通过css原创 2020-07-28 11:20:17 · 346 阅读 · 0 评论 -
神奇的flex+margin:auto
flex布局相信是大家现在开发中比较常使用的一种布局了,使用flex布局进行垂直水平居中相信大家都已经很熟悉了。相信下边的代码大家已经屡见不鲜了。div { width: 100px; height: 100px; background-color: black; display: flex; align-items: center;...转载 2019-08-19 18:08:21 · 3299 阅读 · 0 评论 -
关于float,position几个属性值的理解
什么是浮动?float 属性定义元素在哪个方向浮动。主要作用是文本环绕图像,不过在 CSS 中,任何元素都可以浮动。元素设置 了float值,且float值不为none,则浮动元素变成一个块级框,自动增加display:block属性,而不论它本身是何种元素。特点:1. float设置的浮动元素对块级元素不可见,会覆盖掉浮动元素,对文本元素和bfc元素可见。(BFC为块级格式上下文)。...原创 2018-10-30 18:00:19 · 1222 阅读 · 0 评论 -
IE11下部分样式调整
ie下select样式和textarea不换行原创 2017-12-06 18:22:47 · 2589 阅读 · 0 评论 -
浏览器下调整字体小于12px
调整浏览器下字体大小小于12px* 看了好多博客,博客上都说用-webkit-font-size-adjust:none来解决,自己动手试了以后发现并不能解决这个问题,所以写个博客记录下* -webkit-font-size-adjust:none在chorme 27.0以下的版本有效,27.0以上的版本属于无效的,新的版本的浏览器下取消了这个设置调整字号的属性。 所以...原创 2018-08-30 16:50:50 · 508 阅读 · 0 评论 -
持续动画的前端实现
前端实现持续动画有两种方式: 1. css实现持续动画。 2. JavaScript代码实现。 先来说第一种: css3是在原有的css的基础上增加了些新的特性,其中就包含animation。css实现持续动画就是使用了animation这个属性。 主要代码如下: div { width:100px; height:100px; background:red; ...原创 2018-04-27 16:02:13 · 666 阅读 · 0 评论 -
CSS实现画出多种图形
css的多用性使用简单的css样式可以实现多种css画出三角形css画出原形css画出椭圆css基本介绍 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 css主要用原创 2017-10-16 20:10:49 · 1457 阅读 · 0 评论