- 博客(23)
- 收藏
- 关注
RSS订阅原创 2022.10.25
css3动画库，预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、旋转（rotateIn|rotateOut）、翻转（flip）、淡入淡出（fadeIn|fadeOut）等动画效果。animation: 动画名称 动画执行时间 动画速度曲线 延迟时间 动画播放次数 动画运动方向 动画结束之后显示的状态。- 允许负值，（-2s 使动画马上开始，但跳过 2 秒进入动画)2.ease 默认值 慢速度开始--速度变快--慢速度结束。5.ease-in-out 以慢速度开始和结束的过渡效果。
2022-10-25 21:19:52
42
1
原创 2022.10.24
旋转 | transform: rotate();| 一个值（等比例缩放）、两个值 | 没有单位 | transform: scaleX();| 一个值（沿着水平方向位移），两个值 | 像素px | transform: translateX();| 一个值（沿着水平方向倾斜）、两个值 | deg角度 | transform: skewX();- a 指的是一个旋转角度值，如果为正值，元素围绕 Z 轴顺时针旋转；- a 指的是一个旋转角度值，如果为正值，元素围绕X轴顺时针旋转；
2022-10-25 00:15:26
37
原创 移动端小u 2022.10.20
一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小，所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站，移动设备上的浏览器都会把自己默认的viewport设为980px或1024px。这样，页面中所有应用了rem的作尺寸单位的元素都会随着页面变化而等比例缩放，从而达到适配。在布局过程中只要使用 rem 设置元素的尺寸，在改变 rem 的基准值 html 的字体大小的时候，页面上的元素将等比例缩放实现适配。
2022-10-20 01:33:35
159
原创 弹性盒子 、10.17
align-self属性：调整自身在侧轴的对齐方式，弹性容器中被选中子项的对齐方式（设置在子元素中）flex是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。- space-evenly:弹性项目平均分布在该行上,相邻项目的间隔，项目与容器之间空间相等。- justify-content 属性：设置主轴的对齐方式,弹性子元素在主轴方向上的对齐方式,- align-content: space-between;
2022-10-17 23:41:39
59
原创 10.14 2022.
* - ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素 *//* - ele:nth-of-type(n){ } 选择一组元素中特定类型的第n个ele元素 */- ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素。- ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素。- 按下F1，选择autoprefixer:Run，之后会在css文件中添加私有前缀。
2022-10-14 21:09:34
58
原创 css3 2022.10.12
* - ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素 *//* - ele:nth-of-type(n){ } 选择一组元素中特定类型的第n个ele元素 */- ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素。- ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素。- 按下F1，选择autoprefixer:Run，之后会在css文件中添加私有前缀。
2022-10-13 22:23:00
27
原创 2022.10.12
当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态
2022-10-12 22:19:50
26
原创 2022.10.11
meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!小U课堂是优就业打造的在线实用技能学习平台，我们要完成 首页、同步课程、在线练习，精品课程、视频详情、登录、注册页面、个人中心等静态页面的制作。- 如标题根据重要性用 h1-h6不同等级的标签标记 、段落标记用p，结构简章重复的部分用 ul、li标签。
2022-10-12 22:18:35
36
原创 2022.10.10
meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!小U课堂是优就业打造的在线实用技能学习平台，我们要完成 首页、同步课程、在线练习，精品课程、视频详情、登录、注册页面、个人中心等静态页面的制作。- 如标题根据重要性用 h1-h6不同等级的标签标记 、段落标记用p，结构简章重复的部分用 ul、li标签。
2022-10-10 20:47:50
34
原创 2022.10.9
Cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出，以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手。Photoshop默认保存的文件格式，可以保留所有有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等。- 色彩丰富的图片（摄影图像（产品图，照片，渐变，banner图））
2022-10-10 20:46:56
51
原创 2022.10.8
这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。如果添加新的图标，可以把这些图标添加到已有的项目文件，这样原来的图标和这次新添加的图标就可以在新的一个文件里了。font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。如果添加新的图标，需要再新下载一个文件，且这个文件的图标与上个文件的图标不能在一个文件中，是两个独立的文件。3.解压文件，把文件放到代码中(此时下载的这个文件包括上次选的图标，也包括这次选的新的图标)
2022-10-08 23:14:04
30
原创 2022.9.29
它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。用来限制在一个块元素显示的文本的行数。- 每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)，>-webkit-box-orient必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。- BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。/* 控制要显示的行数 */
2022-09-29 18:58:38
35
原创 2022.9.28
CSS精灵英文叫法 `CSS sprites`，通常被解释为“CSS 图像拼合” 或 “CSS 贴图定位”，其实就是把网页中一些背景图片整合到一张图片文件中，再利用 CSS “background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position 精确的定位出背景图片的位置。- hidden 隐藏该元素但是该元素所占的内存空间还存在，即“隐身效果”。##### 2.1.1 实现步骤。
2022-09-28 20:38:54
33
原创 9.27总结哈哈
img src="D:/web/2021/2021一阶段资料/day07/笔记/media/day07_01.jpg" style="zoom:50%;>如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。相对于元素在正常的文档流中的位置移动它，把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
2022-09-27 21:21:12
35
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人