2021年3月8日
伪对象选择器
摘要： 伪对象选择器 在元素前面或者元素后面插入一个不存在的元素(伪元素) ①在元素内部的最前面插入 ::before{ content: ""; } ②在元素内部的最后插入 ::after{ content: ""; } 阅读全文
posted @ 2021-03-08 16:45 紫豹豹 阅读(92) 评论(0) 推荐(0)
CSS3新增选择器
摘要： CSS3新增的伪类选择器 :first-child 表示第一个子元素是... :last-child :nth-child(numberloddleven/倍数) :first-of-type 表示第一个子元素 :last-of-type :nth-of-type (numberloddleven/ 阅读全文
posted @ 2021-03-08 16:34 紫豹豹 阅读(114) 评论(0) 推荐(0)
overflow溢出
摘要： overflow用于设置内容溢出元素框怎么处理 1.visibze： 默认值 2.hidden： 溢出部分隐藏 3.scroll： 显示滚动条 4.auto： 自动,当有内容溢出,显示滚动条;没有内容溢出,不显示滚动条 使一行文字溢出用省略号显示 white-space: nowrap; //文字在 阅读全文
posted @ 2021-03-08 16:27 紫豹豹 阅读(1025) 评论(0) 推荐(0)
2021年3月4日
h5新增的元素
摘要： header：头部 nav：导航 footer:页脚 aside：侧边栏 article：文章、帖子等 section:章节、独立的一块 audio：音频 viedo:视频 video属性：src路径/width、height宽高/autoplay自动播放/loop循环播放/controls控制面板 阅读全文
posted @ 2021-03-04 22:53 紫豹豹 阅读(70) 评论(0) 推荐(0)
2021年3月3日
h5新增表单元素的属性
摘要： placeholder: 默认提示 autofocus: 页面刷新时，自动获取光标 required: 必填项 multiple: 允许输入多个 minlength: 最小长度 maxlength: 最大长度 阅读全文
posted @ 2021-03-03 22:25 紫豹豹 阅读(99) 评论(0) 推荐(0)
h5新增的type类型
摘要： H5新增type类型 邮箱: <input type= "email"> 网址: <input type="url"> 搜索: <input type="search"> 电话: <input type="tel"> 适用于移动端 数字: <input type="number" min=" 最小值 阅读全文
posted @ 2021-03-03 17:30 紫豹豹 阅读(146) 评论(0) 推荐(0)
2021年2月24日
table的属性
摘要： border 设置表格的边框，默认为0 width 设置表格的宽度 height 设置表格的高度 align 设置表格的水平对齐方式，默认为left cellpadding 设置内容距边框的距离 celLspacing 设置单元格之间的距离，当取值为0时，边框变为一条线 bgcolor 设置背景颜色 阅读全文
posted @ 2021-02-24 20:27 紫豹豹 阅读(234) 评论(0) 推荐(0)
2020年11月24日
css书写顺序
摘要： 定位属性： position、display、float、left、top、right、bottom、overflow、clear、z-index 自身属性：width、height、padding、border、margin、background 文字样式：font-family、font-siz 阅读全文
posted @ 2020-11-24 23:04 紫豹豹 阅读(117) 评论(0) 推荐(0)
2020年11月22日
如何设置绝对定位的盒子水平和垂直居中
摘要： 水平居中实现步骤： left: 50%; 让盒子的左侧移动到父级元素的水平中心位置 margin-left: -50px; 让盒子向左移动自身宽度的一半 实现垂直居中： top: 50%; 让盒子的上侧移动到父级元素的水平中心位置 margin-top: -50px; 让盒子向上移动自身宽度的一半 阅读全文
posted @ 2020-11-22 12:35 紫豹豹 阅读(586) 评论(0) 推荐(0)
2020年11月21日
PS的Cutterman插件安装
摘要： 安装这个插件的PS软件的版本需要是完整版的，不能是绿色版，然后直接去下面的链接打开下载就好了， Cutterman插件安装地址：http://www.cutterman.cn/zh/cutterman 下载后直接安装，重启软件，在窗口这可以看到，就可以了 阅读全文
posted @ 2020-11-21 17:13 紫豹豹 阅读(372) 评论(0) 推荐(1)