上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 21 下一页

2022年3月11日

2D/3D——transform

摘要: ###transform 定义旋转的 语法: .mydiv{ transform: rotate3d(30deg, 45deg, 100deg); } 值 描述 none 定义不进行转换。 translate(x,y) 定义 2D 平移。(10px, 10px)就是把元素右移10px,再下移10px 阅读全文

posted @ 2022-03-11 12:31 In-6026 阅读(49) 评论(0) 推荐(0)

动画

摘要: ##transition 语法: transition: property duration timing-function delay; //要设置过渡的css,这个要过渡多长时间完成,过渡的速度(均匀/变速..),动画延迟 property 最方便就是all,否则就写css要变的属性,多属性的话 阅读全文

posted @ 2022-03-11 02:12 In-6026 阅读(52) 评论(0) 推荐(0)

引入——@import

摘要: ####只能放在第一行 或者 @charset 之后 @import "navigation.css"; /* 使用字符串 */ 或者 @import url("navigation.css"); /* 使用 url 地址 */ 在根据设备不同,写多套代码的时候可能有用 阅读全文

posted @ 2022-03-11 00:44 In-6026 阅读(41) 评论(0) 推荐(0)

垂直定位——让人迷惑的vertical-align

摘要: ###语法 vertical-align: baseline|sub...; 他这个基线比较迷惑,要是有谁会的话推荐一下,谢谢(22-03-17) 值 描述 baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 top 把元素的顶端与行中最 阅读全文

posted @ 2022-03-11 00:40 In-6026 阅读(90) 评论(0) 推荐(0)

2022年3月10日

弹性盒子——(flex,align-xxx,justify-content)样式,定位,换行

摘要: ###前提 把display: flex的div容器叫做flexBox,被浮动的叫做flexItem ###样式————宽度——flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写 语法:felx: grow|shrink|basis ; //任选一个而 阅读全文

posted @ 2022-03-10 22:05 In-6026 阅读(211) 评论(0) 推荐(0)

列表——集大成的list-style(ol,ul,li)

摘要: ###综述 list-style 简写属性在一个声明中设置所有的列表属性。 可以设置的属性: list-style-type, list-style-position, list-style-image. 可以不设置其中的某个值,比如 "list-style:circle inside;" 也是允许 阅读全文

posted @ 2022-03-10 20:40 In-6026 阅读(390) 评论(0) 推荐(0)

字体——集大成的font(倾斜,大小写,粗细,大小,行高,字体)

摘要: font 简写属性在一个声明中设置所有字体属性。 可设置的属性是(按顺序): "font-style font-variant font-weight font-size/line-height font-family" (样式 变种 粗 大小/行高 字体) font-size和font-famil 阅读全文

posted @ 2022-03-10 19:11 In-6026 阅读(481) 评论(0) 推荐(0)

2022年3月9日

背景——background-image(不止图片,还有渐变)

摘要: 上节说道background-image能做的background都能做 ###综述 值 说明 url('URL') 图像的URL none 无图像背景会显示。这是默认 linear-gradient() 创建一个线性渐变的 "图像",(默认从上到下) radial-gradient() 用径向渐变 阅读全文

posted @ 2022-03-09 20:56 In-6026 阅读(165) 评论(0) 推荐(0)

背景——集大成的background

摘要: 摘抄于:https://www.cnblogs.com/nostic/articles/5269066.html background 简写属性在一个声明中设置所有的背景属性。 可以设置如下属性: background-color background-position background-rep 阅读全文

posted @ 2022-03-09 20:53 In-6026 阅读(43) 评论(0) 推荐(0)

滚动条

摘要: ###基操 /* 滚动条整体部分,可以设置宽度等 */ body::-webkit-scrollbar{ } /* 滚动条两端的按钮 */ body::-webkit-scrollbar-button{ } /* 外层轨道 */ body::-webkit-scrollbar-track{ } /* 阅读全文

posted @ 2022-03-09 18:47 In-6026 阅读(75) 评论(0) 推荐(0)

上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 21 下一页

导航