03 2021 档案

C3新增-transition过渡
摘要：transition:过渡的属性 过渡的持续时间 过渡的速度变化类型 过渡的延迟时间; 阅读全文
posted @ 2021-03-10 22:02 紫豹豹 阅读(80) 评论(0) 推荐(0)
C3新增-transform转换
摘要：transform-转换 1)作用： 使元素在位置或者形状上发生一定的改变 2)属性： transform: translate() /rotate() /scale() /skew(); 3)属性值 ①位移 单位：px、% transform: translate(x,y); 当只取一个值,表示水 阅读全文
posted @ 2021-03-10 21:44 紫豹豹 阅读(263) 评论(0) 推荐(0)
C3新增-背景渐变
摘要：背景渐变 1)属性 background-image: ; 简写: background: ; 2)属性值 ①线性渐变 background-image: linear-gradient(方向,颜色1,颜色2,..); 注意: 方向可以省略,默认从上往下渐变，最少两个颜色值 取值: a、关键词to 阅读全文
posted @ 2021-03-10 16:43 紫豹豹 阅读(206) 评论(0) 推荐(0)
z-index堆叠顺序
摘要：堆叠顺序： z-index:number ; 默认值auto，可以取负值 取值越大,层级越往上 必须配合定位使用(static除外) 阅读全文
posted @ 2021-03-09 23:06 紫豹豹 阅读(71) 评论(0) 推荐(0)
BFC ：块级格式化上下文
摘要：BFC ( Block formatting context )直译为“块级格式化上下文”。 他是一个独立渲染的区域，它规定了内部如何布局,容器里面的子元素不会在布局上影响到外面的元素。 如何产生BFC ? 1、float取值left或者right； 2、Position 取值为absolute或者 阅读全文
posted @ 2021-03-09 22:47 紫豹豹 阅读(58) 评论(0) 推荐(0)
清除浮动的影响
摘要：清除浮动的影响: ①给浮动元素的父元素设置高度 (需要高度是已知的) ②给浮动元素的父元素加 overflow:hidden/auto; （常用）(开启BFC格式:变为独立的一块, 子元素不会在布局上影响父元素) ③给受影响的元素加 clear:left/right/both; ④空div法 (弊端 阅读全文
posted @ 2021-03-09 22:42 紫豹豹 阅读(157) 评论(0) 推荐(0)
厂商前缀
摘要：厂商前缀是用于浏览器对C3新特性的支持 浏览器 厂商前缀 内核 | 谷歌 | -webkit- | blink | | 苹果 | -webkit- | webkit | | 火狐 | -moz- | gecko | | 欧朋 | -o- | blink | | I E | -ms- | triden 阅读全文
posted @ 2021-03-09 22:15 紫豹豹 阅读(123) 评论(0) 推荐(0)
盒模型转换
摘要：box-sizing: content-box; 为默认值，标准盒模型 box-sizing: border-box; 怪异盒模型 阅读全文
posted @ 2021-03-09 21:59 紫豹豹 阅读(71) 评论(0) 推荐(0)
弹性盒模型flexbox
摘要：弹性盒模型用到的一些属性 1、写在父元素上的属性 1)开启弹性布局（元素默认水平排列） display:flex; 2)设置子元素的排列方式(即弹性盒的方向) flex-direction: ; row 默认值，子元素从左往右排列 row-reverse 子元素从右往左排列 column 子元素从上 阅读全文
posted @ 2021-03-09 21:57 紫豹豹 阅读(77) 评论(0) 推荐(0)
属性选择器
摘要：属性选择器：就是利用HTML的属性选中有此属性的所有元素 书写格式： ①[属性=属性值] ②元素[属性=属性值] ③元素[属性^=值] 以当前值开头 ④元素[属性$=值] 以当前值结尾 ⑤元素[属性*=值] 包含当前值 阅读全文
posted @ 2021-03-08 16:57 紫豹豹 阅读(184) 评论(0) 推荐(0)
伪对象选择器
摘要：伪对象选择器 在元素前面或者元素后面插入一个不存在的元素(伪元素) ①在元素内部的最前面插入 ::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 紫豹豹 阅读(1041) 评论(0) 推荐(0)
h5新增的元素
摘要：header：头部 nav：导航 footer:页脚 aside：侧边栏 article：文章、帖子等 section:章节、独立的一块 audio：音频 viedo:视频 video属性：src路径/width、height宽高/autoplay自动播放/loop循环播放/controls控制面板 阅读全文
posted @ 2021-03-04 22:53 紫豹豹 阅读(72) 评论(0) 推荐(0)
h5新增表单元素的属性
摘要：placeholder: 默认提示 autofocus: 页面刷新时，自动获取光标 required: 必填项 multiple: 允许输入多个 minlength: 最小长度 maxlength: 最大长度 阅读全文
posted @ 2021-03-03 22:25 紫豹豹 阅读(100) 评论(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 紫豹豹 阅读(147) 评论(0) 推荐(0)