摘要：
一、代码： div { width: 150px; height: 59px; /意思：文字显示不开也必须强制一行显示/ white-space: nowrap; /溢出部分隐藏/ overflow:hidden; /文字溢出省略号显示/ text-overflow: ellipsis: } 阅读全文
摘要：
一、bug:图片底侧会有一个空白缝隙，原因是行内块元素会和文字基线对齐。 二、解决方法： ①、给图片添加 vertical-align：middle 、top、bottom。（推荐使用） ②、把图片转换为块级元素。 阅读全文
摘要：
一、行内块元素和文字垂直居中对齐：vertical-align 二、图片、表单都属于行内块元素。 三、只要给图片表单的 vertical-align属性设置为middle就可以让文字和图片垂直居中对齐了。 阅读全文
摘要：
一、取消表单轮廓 outline：none； 二、防止文本域拖拽： resize：none； 阅读全文
摘要：
一、代码： cursor：属性值； 二、属性值： ①、default：默认白色箭头； ②、pointer：小手 ③、move：移动 ④、text：文本 ⑤、not-allowed：禁止。 阅读全文
摘要：
一、原理：只给盒子设置边框，不设置宽高。 二、代码： .box { width:0; height:0; border: 10px solid transparent; border-left-color: pink; } 阅读全文
摘要：
一、阿里网址 https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 二、选择适合的图标 》 收藏 》 添加到项目 》下载图标 三、代码引用三种方式： ①、unicode引用 第一步：拷贝项目下面生成的font-face @ 阅读全文
摘要：
一、精灵图：将多张小背景图合为一张图，减少服务器压力。 二、使用： 1、使用ps打开精灵图 》右击“裁剪工具“” 》选择其中的切片工具” 》框选需要使用的区域 》右击选择“编辑切片选项”，获取图片位置。2、给一个盒子添加精灵图，精灵图默认是贴在盒子左上角对齐。3、图片左移是负值。4、在样式中输入以下 阅读全文
摘要：
一、display属性： ①、display:none； 隐藏对象； display:block;显示对象。 ②、特性：display隐藏元素后，不再占有原先的位置。 二、visibility可见性： ①、visibility：visible；元素可见； hidden：元素不可见。 ②、特性：隐藏元 阅读全文