自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 每日知识总结

CSS盒模型本质上是一个盒子,封装周围的 HTML 元素,它包括:边距、边框、填充、和实际内容。margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。边框是围绕内容和内边距之间的一条或多条线,通过边框属性指定一个元素的边框的宽度、样式和颜色。padding可以单独改变元素的上、下、左、右边距,也可以一次改变所有的属性。设置标签所有边框的样式,或者单独地为各边设置边框样式。设置所有边框宽度,或者单独地为各边边框设置宽度。设置所有边框颜色,或者单独地为各边边框设置颜色。

2023-02-26 23:46:06 38

原创 每日知识总结

thead,tbody,tfoot通常配合适用,用于划分表格语义,实现长表格分步加载,或通过改变结构顺序,优先加载tbody。每个表格均有若干行(由`tr`标签定义),每行被分割为若干单元格(由`td `标签定义)。**注意**:具有唯一性,一般用于页面唯一性的元素如头部、底部等,经常和 JavaScript 搭配使用。现在,用于显示、展示数据。CSS中的注释以"注释以`/*`开头,以`*/`结尾,开始和结束中间为注释内容。- 作用:表示表头单元格,通常在行或列的开始处,定义行或列包含的数据类型。

2023-02-26 23:45:59 46

原创 每日知识总结

](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","宋体";

2023-02-26 23:45:20 59

原创 每日知识总结

概念:当样式声明发生冲突时,用户代理需要确定样式声明的最终值,既要考虑样式的来源又要考虑样式的特殊声明又要考虑优先级、以及先后顺序 ,这个过程就叫做层叠。优先级就是分配给指定的 CSS 声明的一个权重,它由匹配的选择器中的每一种选择器类型的数值决定。- 当优先级与多个 CSS 声明中任意一个声明的优先级相等的时候,CSS 中最后的那个声明将会被应用到元素上,内部和外部样式遵循就近原则。右下角是 100% 100%。- 作用: 使用逗号分隔的列表来对选择器进行分组,给列表中每一个选择器选中的元素设置样式。

2023-02-26 23:44:10 40

原创 每日知识总结

a href="4.例-导航.html" target="_blank">(图片链接)页面中的图片会非常的多,通常我们会新建一个文件夹来存放这些图像文件images,这时候再查找图像,就需要通过路径的来描述图像文件的位置。绝对路径文件在目录中的绝对位置完整描述,常见的绝对路径一种由其在网络上的绝对位置定义的位置,一种是本地从盘符出发的绝对位置。图像是网页的主要内容之一,在HTML标签中,img标签用于定义HTML页面中的图像。

2023-02-26 23:43:22 43

原创 每日知识总结

img src="D:/web/2021/2021一阶段资料/day07/笔记/media/day07_01.jpg" style="zoom:50%;>如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的,那么元素的“height”和“width”将隐式地由偏移量决定。相对于元素在正常的文档流中的位置移动它,把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置,HTML 元素的默认值,即没有定位,遵循正常的文档流对象。

2023-02-26 23:42:44 49

原创 每日知识总结

旋转 | transform: rotate();| 一个值(等比例缩放)、两个值 | 没有单位 | transform: scaleX();| 一个值(沿着水平方向位移),两个值 | 像素px | transform: translateX();| 一个值(沿着水平方向倾斜)、两个值 | deg角度 | transform: skewX();- a 指的是一个旋转角度值,如果为正值,元素围绕 Z 轴顺时针旋转;- a 指的是一个旋转角度值,如果为正值,元素围绕X轴顺时针旋转;

2023-02-26 23:42:12 28

原创 每日知识总结

问题描述:当父元素没有padding,margin,border时子元素与父元素直接相邻、子元素的margin值会传递给父元素并且再次与父元素的margin值发生合并最终的结果是正值取两者中的较大值,负值取绝对值较大的值。- 问题描述:当两个块级兄弟元素垂直方向上的margin值直接相遇,会发生合并,最终结果是正值取两者中的较大值,负值取绝对值较大的值。- 常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol。- 在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度。

2023-02-26 23:41:33 21

原创 每日知识总结

问题描述:当父元素没有padding,margin,border时子元素与父元素直接相邻、子元素的margin值会传递给父元素并且再次与父元素的margin值发生合并最终的结果是正值取两者中的较大值,负值取绝对值较大的值。- 问题描述:当两个块级兄弟元素垂直方向上的margin值直接相遇,会发生合并,最终结果是正值取两者中的较大值,负值取绝对值较大的值。- 常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol。- 在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度。

2023-02-26 23:41:03 35

原创 每日知识总结

css3动画库,预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、旋转(rotateIn|rotateOut)、翻转(flip)、淡入淡出(fadeIn|fadeOut)等动画效果。animation: 动画名称 动画执行时间 动画速度曲线 延迟时间 动画播放次数 动画运动方向 动画结束之后显示的状态。- 允许负值,(-2s 使动画马上开始,但跳过 2 秒进入动画)2.ease 默认值 慢速度开始--速度变快--慢速度结束。5.ease-in-out 以慢速度开始和结束的过渡效果。

2023-02-24 17:23:45 23

原创 每日知识总结

旋转 | transform: rotate();| 一个值(等比例缩放)、两个值 | 没有单位 | transform: scaleX();| 一个值(沿着水平方向位移),两个值 | 像素px | transform: translateX();| 一个值(沿着水平方向倾斜)、两个值 | deg角度 | transform: skewX();- a 指的是一个旋转角度值,如果为正值,元素围绕 Z 轴顺时针旋转;- a 指的是一个旋转角度值,如果为正值,元素围绕X轴顺时针旋转;

2023-02-24 17:20:47 23

原创 每日知识总结

旋转 | transform: rotate();| 一个值(等比例缩放)、两个值 | 没有单位 | transform: scaleX();| 一个值(沿着水平方向位移),两个值 | 像素px | transform: translateX();| 一个值(沿着水平方向倾斜)、两个值 | deg角度 | transform: skewX();- a 指的是一个旋转角度值,如果为正值,元素围绕 Z 轴顺时针旋转;- a 指的是一个旋转角度值,如果为正值,元素围绕X轴顺时针旋转;

2023-02-24 17:20:13 28

原创 每日知识总结

一般来讲,移动设备上的viewport都是要大于浏览器可视区域的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小,所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站,移动设备上的浏览器都会把自己默认的viewport设为980px或1024px。这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。移动端浏览器:百度浏览器,火狐浏览器,谷歌浏览器,uc浏览器,360浏览器,qq浏览器,苹果浏览器,猎豹浏览器,搜狗浏览器,2345浏览器等等。

2023-02-24 17:19:15 60

原创 每日知识总结

contain:包含,等比例缩放背景图片到完整显示在盒子中,有一边到达边界就停止放大, 可能导致另一边留白 但是背景图可能在区域范围内铺不满(宽高给大点)正数阴影扩大(阴影大小大于盒子大小),负数阴影缩小(阴影大小小于盒子大小),0阴影与盒子同等大小。/* contain:包含,等比例缩放背景图片到完整显示在盒子中,但是背景图可能在区域范围内铺不满(宽高给大点) */background:repeating-linear-gradient(方向, 颜色1 范围1, 颜色2 范围2,...);

2023-02-24 17:17:37 27

原创 每日知识总结

align-self属性:调整自身在侧轴的对齐方式,弹性容器中被选中子项的对齐方式(设置在子元素中)flex是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。- space-evenly:弹性项目平均分布在该行上,相邻项目的间隔,项目与容器之间空间相等。- justify-content 属性:设置主轴的对齐方式,弹性子元素在主轴方向上的对齐方式,- align-content: space-between;

2023-02-24 17:17:14 32

原创 每日知识分享

用于输入电话号码的文本输入域,服务于触屏网页开发,在电脑网页中无效,在触屏网页中点击输入域,显示虚拟电话键盘(0-9、*、#)- 典型应用:论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组,或者其他独立的内容项目。- MPEG4--mp4 支持的浏览器chrome、Firefox、Safari、IE9+- 作用:元素表示文档、页面、应用或网站中的独立结构,可以成为可独立分配的或可复用的结构。HTML5新增了页眉、页脚、内容块等文档结构相关的标签,可以使文档结构更加清晰明确。

2023-02-24 17:16:55 35

原创 每日知识分享

当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态

2023-02-24 17:15:23 30

原创 每日知识总结

用于输入电话号码的文本输入域,服务于触屏网页开发,在电脑网页中无效,在触屏网页中点击输入域,显示虚拟电话键盘(0-9、*、#)- 典型应用:论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组,或者其他独立的内容项目。- MPEG4--mp4 支持的浏览器chrome、Firefox、Safari、IE9+- 作用:元素表示文档、页面、应用或网站中的独立结构,可以成为可独立分配的或可复用的结构。HTML5新增了页眉、页脚、内容块等文档结构相关的标签,可以使文档结构更加清晰明确。

2023-02-24 17:14:46 25

原创 每日知识分享

专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!4. 内容排版相关属性(color、font、line-height、text-align、text-indent、vertical-align)小U课堂是优就业打造的在线实用技能学习平台,我们要完成 首页、同步课程、在线练习,精品课程、视频详情、登录、注册页面、个人中心等静态页面的制作。”、“×××网作为…”、“电话:010…

2023-02-24 17:14:36 122

原创 每日知识总结

contain:包含,等比例缩放背景图片到完整显示在盒子中,有一边到达边界就停止放大, 可能导致另一边留白 但是背景图可能在区域范围内铺不满(宽高给大点)正数阴影扩大(阴影大小大于盒子大小),负数阴影缩小(阴影大小小于盒子大小),0阴影与盒子同等大小。/* contain:包含,等比例缩放背景图片到完整显示在盒子中,但是背景图可能在区域范围内铺不满(宽高给大点) */background:repeating-linear-gradient(方向, 颜色1 范围1, 颜色2 范围2,...);

2023-02-13 16:51:15 35

原创 每日知识分享

当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态

2023-02-10 17:11:31 59

原创 每日知识总结

专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!4. 内容排版相关属性(color、font、line-height、text-align、text-indent、vertical-align)小U课堂是优就业打造的在线实用技能学习平台,我们要完成 首页、同步课程、在线练习,精品课程、视频详情、登录、注册页面、个人中心等静态页面的制作。”、“×××网作为…”、“电话:010…

2023-02-03 15:57:11 39

原创 每日知识总结

CSS精灵英文叫法 `CSS sprites`,通常被解释为“CSS 图像拼合” 或 “CSS 贴图定位”,其实就是把网页中一些背景图片整合到一张图片文件中,再利用 CSS “background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position 精确的定位出背景图片的位置。/* 溢出显示省略号 */>-webkit-box-orient必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式。

2023-02-02 19:06:58 31

原创 每日知识总结

img src="D:/web/2021/2021一阶段资料/day07/笔记/media/day07_01.jpg" style="zoom:50%;>如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的,那么元素的“height”和“width”将隐式地由偏移量决定。相对于元素在正常的文档流中的位置移动它,把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置,HTML 元素的默认值,即没有定位,遵循正常的文档流对象。

2023-02-01 21:36:10 28

原创 日常知识分享

文档第一代码是HTML5标准网页声明,告知浏览器用HTML5标准解析此网页。五大浏览器:chrome、safari、Firefox、Opera、IE。DOCTYPE html 代码的作用?- 宽度默认撑满整个父元素。内核:presto blink。- 独立成行——垂直布局。内核:webkit、blink。2.Firefox 火狐浏览器。- 高度默认由内容撑开。### 1.五大浏览器及内核。1.chrome 谷歌浏览器。3.Safari 苹果浏览器。4.opera 欧朋浏览器。内核:trident。

2022-09-15 23:49:10 59

空空如也

空空如也

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

TA关注的人

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