![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 82
gaoyuan0277
这个作者很懒,什么都没留下…
展开
-
web一阶段 day27
响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的。原创 2022-08-16 16:12:45 · 425 阅读 · 0 评论 -
web一阶段 day16
项目:小U课堂原创 2022-08-01 22:20:49 · 40 阅读 · 0 评论 -
web一阶段 day20
flex-wrap属性:指定弹性盒子的子元素换行方式换行,第一行显示在上方换行,第一行显示在下方默认值,不换行注意:父元素有固定高度且高度大于子元素换行后高度之和换行中间有缝隙父元素高度有内容撑开换行没有缝隙align-content属性:折行,行与行之间有间隙,去除间隙 (去掉了中间的间隙)要设置: flex-wrap: wrap;顶端没有行间距底对齐没有行间距居中没有行间距两端对齐,中间自动分配, 元素位于各行之间留有空白空间。...原创 2022-08-05 17:22:28 · 173 阅读 · 0 评论 -
web前端一阶段 day21
视口简单来说就是浏览器显示页面内容的区域。视口:浏览器显示内容的屏幕区域,相当于PC端浏览器可视区 (白板区域)在PC端,正常的视口宽度就是整个浏览器的窗口可视区的宽度,会随着浏览器窗口大小的重置而缩放;...原创 2022-08-08 21:57:00 · 76 阅读 · 0 评论 -
web一阶段 day19
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。...原创 2022-08-04 20:33:09 · 170 阅读 · 0 评论 -
web一阶段 day13 阿里矢量图库的使用方法
1.使用步骤1.登录阿里矢量图标网站2.搜索想要的图标且加到购物车3.点击右上角的购物车4.选择下载代码,下载完成后解压文件5.把下载的文件放到你的项目中6.引入iconfont.css文件或者iconfont.js文件使用三种方式下载代码1、Unicode方式引用Unicode是字体在网页端最原始的应用方式,特点是兼容性最好,支持IE6+,及所有现代浏览器。支持按字体的方式去动态调整图标大小,颜色等等。但是因为是字体,所以不支持多色。font-size,color。...原创 2022-07-27 18:35:30 · 815 阅读 · 0 评论 -
web一阶段 day18
css3是css技术的升级版本,新增了许多特性,弥补了css2的不足,使web页面的开发变得更加高效、便捷css3按模块化进行设计,比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。...原创 2022-08-03 19:03:37 · 42 阅读 · 0 评论 -
web前端一阶段 day25
2d坐标轴(图示)x轴:水平,向右为正,向左为负y轴:垂直,向下为正,向上为负。原创 2022-08-11 17:09:53 · 175 阅读 · 0 评论 -
web一阶段 day17
H5的新增标签 表单属性 时间日期选择器 颜色选择器 音频 视频部分H5废弃的标签 IE低版本浏览器的兼容原创 2022-08-02 17:29:51 · 50 阅读 · 0 评论 -
web一阶段 day14
AdobePhotoshop,简称“PS”],是由Adobe开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。小U课堂。...原创 2022-07-30 00:06:14 · 306 阅读 · 0 评论 -
web一阶段 day15
当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态...原创 2022-07-30 00:10:16 · 72 阅读 · 0 评论 -
web一阶段 day08
概念父元素向后代元素传递属性的机制表现后代元素会继承父元素的属性总结常用可继承的属性一般text-,line-,font-,color开头的基本都能继承a标签不能继承字体颜色colorh标签不能继承font-weightb.strong不能继承font-weighti,em不能继承font-style可继承的属性fontcolor强制继承每个CSS属性都接受这些值inherit表示强制继承”。作用恰当地使用继承可以简化代码,降低CSS样式的复杂性。...原创 2022-07-20 19:03:03 · 43 阅读 · 0 评论 -
web一阶段 day12
按钮原创 2022-07-26 17:23:15 · 52 阅读 · 0 评论 -
web一阶段 day11
表单的作用用于搜集不同类型的用户输入表单的组成表单元素(控件)、表单区域生活中的表单。原创 2022-07-25 17:51:34 · 38 阅读 · 0 评论 -
web一阶段 day01
关于一些前端的基础知识五大浏览器内核网页的组成和一些块级标签的特点原创 2022-07-11 17:18:41 · 309 阅读 · 2 评论 -
web一阶段 day05
总结使用频率基础选择器中最常用是类选择器id用于页面中唯一模块标签选择器定义的全局样式,单独使用要慎重*号通常用于重置样式【最不常用】原创 2022-07-15 17:23:26 · 44 阅读 · 0 评论 -
web一阶段 day09
css精灵英文叫法csssprites,通常被解释为“CSS图像拼合”或“CSS贴图定位”;其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS“background-image”,“background-repeat”,“background-position”的组合进行背景定位,background-position精确的定位出背景图片的位置css精灵图可以实现特殊形状的背景自由拉伸滑动,能适应不同字数的内容。...原创 2022-07-21 19:52:44 · 48 阅读 · 0 评论 -
web一阶段 day07
本身属性为displayblock;的元素称为块级元素常见块级元素div,h1-h6,p,ul,li,dl,dt,ol本身属性为displayinline;的元素称为行级元素常见行级元素本身属性为displayinline-block的元素称为行级块元素常见行内块元素img、input(表单元素后续会讲到)没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开默认独立成行——默认垂直布局宽度默认由内容撑开高度默认由内容撑开可以设置宽高。...原创 2022-07-19 18:50:25 · 49 阅读 · 0 评论 -
web一阶段 day06
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括边距、边框、填充、和实际内容。(即装东西的容器)所有HTML标签可以看作盒子,在CSS中,"boxmodel"这一术语是用来设计和布局时使用的。(即网页布局就是利用CSS摆盒子)...原创 2022-07-18 19:13:01 · 52 阅读 · 0 评论 -
web一阶段 day04
表格结构标签caption语法:作用:定义表格的标题默认样式:居中于表格之上注意: caption 标签必须紧随 table 标签之后thead语法:作用:用于组合 HTML 表格的表头内容tbody语法:作用:用于组合 HTML 表格的主体内容提示:一个表格允许包含多个tfoot语法:作用:用于组合 HTML......原创 2022-07-14 19:05:46 · 54 阅读 · 0 评论 -
web一阶段 day03
列表标签原创 2022-07-13 18:37:37 · 44 阅读 · 0 评论 -
web一阶段 day02
span标签:无语义标签,用于区分样式没有实际的语义,可以理解为一个小盒子,里面一般装着一个或几个文本内容应用场景:控制局部文本的样式b标签:一个实体标签,它里面包围的文本显示粗体效果strong标签:一个语义标签,强调语气,它里面包围的文本显示粗体效果i标签:它里面包围的文本显示斜体效果em标签:一个语义标签,强调语气,它里面包围的文本显示斜体效果del标签:删除线sup标签:上标sub标签:下标特点:宽度默认由内容撑开高度默认由内容撑开默认横向显示——水平布局,一行排不下,自动折行换行和空格会被解析原创 2022-07-12 18:27:37 · 69 阅读 · 1 评论