上一页 1 ··· 4 5 6 7 8 9 10 下一页
摘要: 一、阿里网址 https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 二、选择适合的图标 》 收藏 》 添加到项目 》下载图标 三、代码引用三种方式: ①、unicode引用 第一步:拷贝项目下面生成的font-face @ 阅读全文
posted @ 2021-01-18 16:52 Y字仇杀队 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 一、精灵图:将多张小背景图合为一张图,减少服务器压力。 二、使用: 1、使用ps打开精灵图 》右击“裁剪工具“” 》选择其中的切片工具” 》框选需要使用的区域 》右击选择“编辑切片选项”,获取图片位置。2、给一个盒子添加精灵图,精灵图默认是贴在盒子左上角对齐。3、图片左移是负值。4、在样式中输入以下 阅读全文
posted @ 2021-01-18 15:17 Y字仇杀队 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 一、display属性: ①、display:none; 隐藏对象; display:block;显示对象。 ②、特性:display隐藏元素后,不再占有原先的位置。 二、visibility可见性: ①、visibility:visible;元素可见; hidden:元素不可见。 ②、特性:隐藏元 阅读全文
posted @ 2021-01-18 15:14 Y字仇杀队 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 一、相对定位:相对于自己原来的位置移动。 ①、position: relative; top: 30px . left: 30px; ②、移动之后原来的位置继续占有,后面的盒子不会移动。 ③、相对定位经常用于给绝对定位当爹。 二、绝对定位: ①、position:absolute; ②、绝对定位移动 阅读全文
posted @ 2021-01-13 17:03 Y字仇杀队 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 一、原因: 很多时候是无法给父盒子一个高度的,如果无法给高度的话,里面的子盒子浮动字后后面的元素就会挤过来,影响结构布局,所以需要清除浮动,让父盒子的高度与子盒子高度一样。 二、方法: ①、额外标签法: 在最后一个浮动元素后面添加一个 块级空标签:<div class='clear'></div> 阅读全文
posted @ 2021-01-11 12:36 Y字仇杀队 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 一、浮动: ①、float:left/ right; 二、浮动特性: ①、浮动的元素不占有原先位置,后面没有浮动的元素会挤过来压住浮动的元素。 ②、添加了浮动的元素具有了行内块元素的特性: a、不论什么元素都可以设置宽高。 b、所有浮动元素都在一行显示。 c、没有浮动的块级盒子如果没有设置宽度,他的 阅读全文
posted @ 2021-01-11 12:23 Y字仇杀队 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 一、多个行内块元素有默认空隙 阅读全文
posted @ 2021-01-10 20:15 Y字仇杀队 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 一、圆角边框: ①、border-radius:10px / 20%; 后面可以跟四个、三个、两个数值。 ②、圆形: 一个正方形盒子: border-radius: 边框一半/50%; ③、圆角矩形: border-radius: 高度一半; ④、单独一个角:border-top-left:这是左上 阅读全文
posted @ 2021-01-10 20:07 Y字仇杀队 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 一、步骤: ①、打开 文件 首选项 设置 用户 扩展 live server config setting: use browser preview(勾选)。 ②、安装扩展 :browser preview插件。 ③、在编辑页面右击 open with live server。 阅读全文
posted @ 2021-01-10 19:32 Y字仇杀队 阅读(3130) 评论(1) 推荐(0) 编辑
摘要: 一、两个块级盒子嵌套,如何让小盒子在大盒子里面居中: 水平居中: ①、给小盒子添加: margin: 0 auto; ②、给小盒子添加:margin-left: 大盒子剩余距离一半。 垂直居中: ①、使用margin 二、块级盒子里面嵌套行内元素或者行内块元素: 水平居中: ①、给大盒子添加; te 阅读全文
posted @ 2021-01-10 18:58 Y字仇杀队 阅读(50) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 下一页