- 博客(26)
- 收藏
- 关注
RSS订阅原创 了解动画帧
css3动画库，预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、旋转（rotateIn|rotateOut）、翻转（flip）、淡入淡出（fadeIn|fadeOut）等动画效果。animation: 动画名称 动画执行时间 动画速度曲线 延迟时间 动画播放次数 动画运动方向 动画结束之后显示的状态。- 允许负值，（-2s 使动画马上开始，但跳过 2 秒进入动画)2.ease 默认值 慢速度开始--速度变快--慢速度结束。5.ease-in-out 以慢速度开始和结束的过渡效果。
2023-02-24 17:20:07
74
原创 第六天分享
2.1 继承性2.1.1 概念父元素向后代元素传递属性的机制。2.1.2、表现后代元素会继承父元素的属性。2.1.3、总结常用可继承的属性font-size、font-style、font-weight、font-family、font、text-align、text-indent、cursor、list-style等2.1.4、强制继承每个CSS属性都接受这些值inherit，表示强制开启了继承”。2.1.5、作用恰当地使用继承可以简化代码，降低CSS样式的复杂性。3.2、优先级。
2022-11-09 21:35:38
54
原创 第五天分享
CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边距、边框、填充、和实际内容。margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。边框是围绕内容和内边距之间的一条或多条线，通过边框属性指定一个元素的边框的宽度、样式和颜色。padding可以单独改变元素的上、下、左、右边距，也可以一次改变所有的属性。*图片下间隙出现的原因： 父元素没有设置高度，由图片撑开，就是有间隙* *1、给img的父元素设置高度，高度和图片的高一致；/* 四个边简写 */
2022-11-08 21:31:18
53
原创 第三天分享
thead,tbody，tfoot通常配合适用,用于划分表格语义，实现长表格分步加载，或通过改变结构顺序，优先加载tbody。每个表格均有若干行（由`tr`标签定义），每行被分割为若干单元格（由`td `标签定义）。当读到一个样式表时，浏览器会根据它来格式化 HTML 文档，插入样式表的方法有三种：行间样式表、内部样式表、外部样式。为HTML标记语言提供了一种样式描述，即【设置HTML页面中的元素的位置、排版、样式外观等】CSS中的注释以"注释以`/*`开头，以`*/`结尾,开始和结束中间为注释内容。
2022-11-07 21:39:39
51
原创 第五日分享
](D:/web/2021/2021一阶段资料/day03/笔记/media/day03_08.png)/*font-family:"宋体","微软雅黑";*//*与上一个相比产生的效果不同，谁在前使用哪一个*/红色： rgb(255,0,0) 、绿色： rgb(0,255,0) 、蓝色： rgb(0,0,255)- 白色： rgb(255,255,255) 、黑色 : rgb(0,0,0)/*font-family:"微软雅黑","宋体";font-family:"微软雅黑abc","宋体";
2022-11-07 21:32:54
47
原创 11.1今日分享
定义文档的头部，包含文档的标题（title），可以包含文档脚本（script），样式（style），meta信息以及更多的其他信息。在标签内,通过 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。-- 网页的主体内容 定义文档的主体，在浏览器窗口中可以看到的所有内容都包含在它内部。- GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312。--`开头，以`-->`结束，开始和结束中间为注释内容。* 表现：页面的美化，装饰。
2022-11-02 20:53:32
34
原创 今日份分享
当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态
2022-10-25 20:20:59
38
原创 今日份分享
子父元素宽度固定，父元素设置 text-align：center，子元素设置display：inline-block，并且子元素不能设置浮动，否则居中失效。- 子元素相对于父元素绝对定位，子元素 top，left 设置 50%，子元素margin-top 和 margin-left 减去各自宽高的一半。- 子父元素宽度固定，子元素设置 margin：auto，并且子元素不能设置浮动，否则居中失效。- 子元素相对于父元素绝对定位，子元素上下左右全为 0，然后设置子元素margin：auto。
2022-10-25 20:17:38
42
原创 今日份分享
当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态
2022-10-25 20:14:24
38
原创 今日份分享
Adobe Photoshop，简称“PS”]，是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。[Adobe Photoshop，简称“PS”]，是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。
2022-10-25 20:12:39
74
原创 今日份分享
webkit-box-orient必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。内部的Box会在垂直方向，一个接一个地放置 Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠。每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)，
2022-10-25 20:08:27
33
原创 今日份分享
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。浮动元素： 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本、图片、表单标签依然会为这个元素让出位置，环绕在周围。相对于元素在正常的文档流中的位置移动它，把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
2022-10-25 20:05:10
37
原创 今日份分享
问题描述：当父元素没有padding，margin，border时子元素与父元素直接相邻、子元素的margin值会传递给父元素并且再次与父元素的margin值发生合并最终的结果是正值取两者中的较大值，负值取绝对值较大的值。问题描述：当两个块级兄弟元素垂直方向上的margin值直接相遇，会发生合并，最终结果是正值取两者中的较大值，负值取绝对值较大的值。常见块级元素 div，h1-h6，p，ul，li，dl，dt，ol。在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度。
2022-10-25 20:03:25
42
原创 2022.09.15 记录学习前端的第一天
定义文档的头部，包含文档的标题（title），可以包含文档脚本（script），样式（style），meta信息以及更多的其他信息。大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发。-- 网页的主体内容 定义文档的主体，在浏览器窗口中可以看到的所有内容都包含在它内部。- GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312。HTML中的注释以``结束，开始和结束中间为注释内容。
2022-09-15 23:15:34
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人