EricBlog - 博客园

2020年5月19日

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div { /*相对定位可以显示相邻的边框线突出显示某个盒子*/ positi 阅读全文

posted @ 2020-05-19 11:10 EricBlog 阅读(284) 评论(0) 推荐(0) 编辑

滑动门原理

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑动门原理</title> <style type="text/css"> /*1 a 是设置左侧背景 (左门)*/ a { /*4 因为是滑动门,左右推拉，跟阅读全文

posted @ 2020-05-19 10:18 EricBlog 阅读(394) 评论(0) 推荐(0) 编辑

精灵图制作

摘要： ps 新建设置图片：宽高分辨率： 72 颜色模式： RGB颜色 8 位背景内容：背景色点击确定把背景图拖到图片上，靠左排列整齐，双击图层可以名称，点击取消背景图，完成后点击文件菜单，存储为png 格式保存就可以了阅读全文

posted @ 2020-05-19 09:32 EricBlog 阅读(456) 评论(0) 推荐(0) 编辑

2020年5月18日

css 单行文本超出用省略号表示...

摘要： /*1 强制不换行*/ white-space: nowrap; /*2 超出隐藏 */ overflow: hidden; /*文字溢出用省略号代替...*/ text-overflow: ellipsis; 阅读全文

posted @ 2020-05-18 19:09 EricBlog 阅读(255) 评论(0) 推荐(0) 编辑

css vertical-align 垂直对齐解决图片空白缝隙

摘要： vertical-align 垂直对齐只针对于行内元素或者行内块元素（图片表单文字） baseline 基线对齐 top 顶部对齐 middle 垂直居中 vertical-align 垂直对齐只针对于行内元素或者行内块元素（图片表单文字） baseline 基线对齐 top 顶阅读全文

posted @ 2020-05-18 18:38 EricBlog 阅读(351) 评论(0) 推荐(0) 编辑

css 鼠标样式取消input 框轮廓线防止用户拖拽文本域

摘要： <li style="cursor: default;">默认的</li> <li style="cursor: pointer;">小手</li> <li style="cursor: move;">移动</li> <li style="cursor: text;">文本</li> <li sty 阅读全文

posted @ 2020-05-18 17:34 EricBlog 阅读(324) 评论(0) 推荐(0) 编辑

css 显示与隐藏

摘要：显示与隐藏 display: none; 隐藏元素,不在保留位置 display: block; 显示元素 visibility: hidden; 隐藏元素,保留位置 visibility: visible; 显示元素 overflow: hidden; 超出盒子大小部分隐藏 overflow: s 阅读全文

posted @ 2020-05-18 17:16 EricBlog 阅读(287) 评论(0) 推荐(0) 编辑

css 圆角矩形用法

摘要：圆角矩形可以用为4个角分别设置圆度，但是有顺序的border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px; 简写方法阅读全文

posted @ 2020-05-18 13:29 EricBlog 阅读(876) 评论(0) 推荐(0) 编辑

css 定位详解

摘要：定位模式 static 静态定位-> 几乎不用 relative 相对定位 1 相对于原来在标准流中的位置来说的; 2 在原来标准流的区域继续占有,后面盒子仍然以标准流方式对待它，后面盒子不会动相对定位水平居中方法: (1) margin : 0 auto； absolute 绝对定位: 是元阅读全文

posted @ 2020-05-18 13:26 EricBlog 阅读(135) 评论(0) 推荐(0) 编辑

2020年5月15日

ps 切图插件 Cutterman

摘要： ps 切图插件 Cutterman 下载地址： http://www.cutterman.cn/zh/cutterman 下载完，点击解压，双击安装就可以重启ps,点击窗口菜单-》扩展功能-> 显示 cutterman-切图神器，代表安装成功第一次使用需要注册账号，注册成功登录就可以了阅读全文

posted @ 2020-05-15 11:45 EricBlog 阅读(327) 评论(0) 推荐(0) 编辑

Eric

公告