- 博客(10)
- 收藏
- 关注
原创 day15-16
flex-grow 的默认值为 0,意思是该元素不索取父元素的剩余空间,如果值大于0,表示索取。交叉轴与侧轴不一定是竖轴或者y轴,交叉轴与主轴垂直,它的横竖取决于主轴,主轴的横竖由flex-direction定义。----------------沿着Y轴(交叉轴)方向从上向下。--------沿着Y轴(交叉轴)方向从下向上。-------------------沿着X轴方向从左向右。-----------沿着X轴方向从右向左。--------转换为标准盒模型(默认值)---------转换为怪异盒模型。
2023-03-29 20:40:56 30
原创 day14
取值范围一般900px-1200px,值越小出现透视效果。2.给盒子添加 perspective:1200px;alternate-reverse:反正交替。z:屏幕的正前方是Z轴的正方向。alternate:正反交替。1.给3D舞台在创建一个盒子。infinite:无线循环。normal:默认正常方向。reverse:反方向运动。running:默认值运动。ease-in:由快到慢。
2023-03-29 20:31:07 32
原创 day13 滤镜部分知识点补充
CSS 滤镜就是提供类似 PS 的图形特效,像模糊,锐化或元素变色等功能。通常被用于调整图片,背景和边界的渲染。filter:属性值;
2023-03-29 20:29:24 53
原创 day13
-----------沿中心点旋转。举例:transition-property:border-radius, background-color;--------------沿中心点平面旋转。---------Y轴倾斜。---------X轴倾斜。------元素显示。skew一个值 ---------X轴倾斜。skew两个值 ---------中心点。默认椭圆-----ellipse。circle----圆。
2023-03-29 20:26:19 33
原创 day11
自定义下拉菜单既可以选择既有选项也可以手动输入,用户体验感更好1.写一个普通的input标签2.定义datalist标签------内容放在option中的value中<option value="百度" label="baidu" /><option value="搜狗" label="souguo" /><option value="谷歌" label="guge" />3.datalist 起id名称,id值赋给input中的list属性值,此处option可使用单标签注意!!!
2023-03-29 20:11:51 34
原创 day10
a href="" target="iframe的name属性值">表示超链接的目标地址在框架中打开。-----------创建的标签为行内标签,进行转换自行定义}-----------创建的标签为行内标签,进行转换自行定义}--------------创建标签。--------------创建标签。3.div::first-letter{----------div里内容的第一个字}4.div::first-line{----------div里内容的第一个行}
2023-03-29 20:03:08 29
原创 day09
form name="表单名称" method="post/get" action="路径"></form>rules="groups|rows|cols|all|none"---------------组分割线。<input type="datetime-local"> -------年月日时分。-----------加载中(鼠标变漏斗或蓝色转圈圈)------手指(即为鼠标指向超链接时的样子)-----------?-------十字架(截图时的鼠标状态)
2023-03-29 19:56:33 26
原创 day06
适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;但文字未超出行的情况下也会出现省略号,可结合js优化该方法。1、-webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的WebKit属性。3、-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式。必须结合的属性 ,将对象作为弹性伸缩盒子模型显示。
2023-03-29 19:38:56 34
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人