![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
一只漫步前行的羊
这个作者很懒,什么都没留下…
展开
-
CSS——滚动条样式修改
-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去)-webkit-scrollbar-button 滚动条两端的按钮。-webkit-scrollbar-thumb 内嵌滑块。-webkit-scrollbar-track 外层轨道。-webkit-scrollbar-corner 边角。-webkit-resizer 定义右下角拖动块的样式。-webkit-scrollbar 滚动条整体部分。原创 2023-02-27 15:16:51 · 425 阅读 · 0 评论 -
Css——媒体查询
代码】Css——媒体查询。原创 2022-07-21 17:56:53 · 273 阅读 · 0 评论 -
Css——粘性布局
position: sticky原创 2022-01-06 19:06:32 · 352 阅读 · 0 评论 -
CSS——文本溢出省略号表示
前提条件是所引用的元素是块级元素,因为使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端单行溢出处理:.text-overflow{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}多行溢出处理:.text-overflows{ display: -webkit-box; -webkit-box-orient: vertical;原创 2021-02-02 09:42:15 · 130 阅读 · 0 评论 -
CSS——水平垂直居中
1. 使用flex/*父级元素*/.parent-div{ width: 100%; height: 500px; background: greenyellow; display: flex; align-items: center; justify-content: center; }2. 1使用position/*父级元素*/.parent-div{ width: 500原创 2021-05-26 09:07:51 · 60 阅读 · 0 评论 -
CSS——Flex布局语法简述
1. Flex布局意为”弹性布局”用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为Flex布局.box{ display: flex;}/*行内元素也可以使用Flex布局*/.box{ display: inline-flex;}2. 基本概念1.采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”2.容器默认存在两根轴:水平的主轴(main axis)原创 2021-05-26 14:52:28 · 268 阅读 · 2 评论 -
CSS——css3新特新汇总
1. 新增属性1.1. 边框(borders)边框颜色边框图片边框圆角阴影border-colorborder-imageborder-radiusbox-shadow1.2. 背景(backgrounds)背景显示位置背景图片尺寸图片剪辑位置background-originbackground-sizebackground-clip1.3. 颜色(color)rgb和透明度透明度RGBA Coloropac原创 2021-05-26 17:48:25 · 150 阅读 · 0 评论