自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 day12

一长串英文字母默认一个单词,故超出盒模型规定宽度范围也不会换行,加上适当的空格就可以解决

2023-03-29 20:19:40 37

原创 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

原创 day04

透明度取值范围0-1 0透明 1不透明。

2023-03-29 19:32:18 21

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除