摘要：
案例图 1.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link 阅读全文
posted @ 2020-08-01 15:39
echobbd
阅读(232)
评论(0)
推荐(0)
摘要：
background-origin 定义图片从哪儿开始定位，可选的属性有padding-box(默认图片从内边距开始),border-box（定义图片从边框开始）,content-box（定义从元素的内容部分为起始位置） background-clip 设置图片裁剪的区域 阅读全文
posted @ 2020-06-23 11:29
echobbd
阅读(127)
评论(0)
推荐(0)
摘要：
例如：background-color:hsla(120,100%,50%,0.3); hsla()函数（Hue,Saturation,Lightness,Alpha）使用色相，亮度，透明度来定义颜色 色相：色彩的基本属性，就是平常所说的颜色名称，如红色，黄色。 饱和度：是指色彩的纯度，越高色彩越纯 阅读全文
posted @ 2020-06-23 10:51
echobbd
阅读(360)
评论(0)
推荐(0)
摘要：
自定义属性允许作者自由的选择名称，自由的为名称属性分配任意值。这些属性能够提供给var()函数使用，被var()函数引用的自定义属性又常被成为变量。 自定义属性：使用前缀'--'来声明自定义属性。使用var()函数来使用自定义属性。 例如： ul{ --accent-color:purple; } 阅读全文
posted @ 2020-06-23 10:04
echobbd
阅读(280)
评论(1)
推荐(0)
摘要：
1.如何为bootstrap里面的图标设置样式？？ 在引用图标元素的后面加上::before然后写样式即可 2.用了margin:0 auto;之后盒子没有居中 盒子设置宽度后用margin:0 auto才会居中。 3.去除input框点击默认的边框 outline:none; 4.侧边框与高度自适 阅读全文
posted @ 2020-05-31 11:19
echobbd
阅读(865)
评论(0)
推荐(0)
摘要：
3D转换我们主要学习工作中最常用的3D位移和3D旋转主要知识点●3D位移: translate3d(x,y,z)●3D旋转: rotate3d(x,y,z) D●透视: perspective●3D呈现transfrom-style 6.2 3D移动translate3d3D移动在2D移动的基础上多 阅读全文
posted @ 2020-05-12 13:09
echobbd
阅读(226)
评论(0)
推荐(0)
摘要：
5.1动画的基本使用制作动画分为两步:1. 先定义动画2.再使用(调用)动画1.用keyframes定义动画(类似定义类选择器) @keyframes 动画名称{ 0%{ } 100%{ } } 动画序列●0%是动画的开始, 100%是动画的完成。这样的规则就是动画序列。●在 @keyframes中 阅读全文
posted @ 2020-05-09 21:44
echobbd
阅读(266)
评论(0)
推荐(0)
摘要：
导读： ●转换transform我们简单理解就是变形有2D和3D之分 ●我们暂且学了三个分别是位移旋转和缩放 ●2D移动translate(x, y)最大的优势是不影响其他盒子，里面参数用% ,是相对于自身宽度和高度来计算的 ●可以分开写比如translateX(x)和translateY(y) ● 阅读全文
posted @ 2020-05-09 09:54
echobbd
阅读(389)
评论(0)
推荐(0)
摘要：
shift+alt然后拖动鼠标 会出现诸如此的效果，此时如果在键盘上按下#，三个位置都将出现# 阅读全文
posted @ 2020-05-08 21:54
echobbd
阅读(828)
评论(0)
推荐(0)
摘要：
css中的长度单位一共有8个，分别是px,em,pt,ex,pc,in,mm,cm; px:像素（pixel），相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。 em:相对长度单位，相对于当前对象内文本的字体尺寸，如果当前行内文本的字体尺寸未被设置，则相对于浏览器的默认字体尺寸。 ex:相 阅读全文
posted @ 2020-05-08 09:54
echobbd
阅读(1052)
评论(0)
推荐(0)
浙公网安备 33010602011771号