随笔分类 - CSS
摘要：用after::hover{content:"xx"}; 然后进行以下步骤: 先将fonts文件夹放在网页的根目录下， 打开demo.html找自己需要的字体图标 然后再打开style.css复制要使用的文字的声明复制到common.css中，对将要使用的文字进行声明 对了，最后要记得改路径
阅读全文
摘要：但是他这个是有顺序的，按照代码的执行顺序
阅读全文
摘要：这个可以做以前巨火的弹钢琴，我好爱这个效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta n
阅读全文
摘要：tranform:scale(x,y)//x,y逗号隔开 x,y不跟单位，这里是倍数的意思 放大 tranform:scale(2,2);//意思是宽和高都变成2倍 如果说宽度和高度都修改一样的倍数（等比例缩放） tranform:scale(2)； 缩小 比1小就行了 tranform:scale
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：transform-origin:x y;//注意x,y用空格隔开 transform-origin: left bottom;
阅读全文
摘要：https://www.w3school.com.cn/cssref/selector_after.asp :after 选择器在被选元素的内容后面插入内容。 请使用== content 属性==来指定要插入的内容。 ::before选择器 和after相反，在被选中元素的之前插入内容。
阅读全文
摘要：可以用代码直接写，直接用一个正方形，两条边有边框，然后旋转45°，再用定位就行了。 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" con
阅读全文
摘要：transform:rorate(度数deg) 过渡写到本身上，谁做动画给谁加 transition: all 0.3;//动画0.3s
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：二维坐标系 transform:translate(x,y); 0不可以省略 ##让一个盒子垂直水平居中
阅读全文
摘要：鼠标样式 {cursor:pointer} 轮廓线outline 防止拖拽文本域
阅读全文
摘要： 
阅读全文
摘要：display属性 visibility可见性 overflow溢出
阅读全文
摘要：子相父绝 父元素绝对定位，子元素相对定位 2.固定定位 fixed【非常重要】 固定在版心右侧位置 粘性定位sticky 定位的叠放顺序 z-index 定位的拓展 绝对定位的盒子实现水平居中 垂直居中同理 定位的特殊特性
阅读全文
摘要：为什么使用定位？ 定位组成 静态定位 static 相对定位 relative 绝对定位 absolute
阅读全文
摘要：
阅读全文
摘要：为什么清除浮动 清除浮动的本质 清除浮动的方法 第一种 第二种 第三种 第四种
阅读全文
摘要：
阅读全文
摘要： 
阅读全文
