- 博客(17)
- 收藏
- 关注
RSS订阅原创 前端学习Day13 CSS盒子的定位（固定定位篇“附练习”）
固定定位其实是绝对定位的子类别，一个设置了的元素是相对于视窗固定的，就算页面文档发生了滚动，它也会一直待在相同的地方。⚠️：固定定位会脱离文档流。比较好理解所以我们直接通过练习来解释。
2024-11-06 20:30:00
344
原创 前端学习Day13 CSS盒子的定位（绝对定位篇“附练习”）
使用绝对定位的盒子以它的 “ 最近 ” 的一个 “ 已经定立 ” 的 “ 祖先元素 ” 为基准进行偏移。如果没有已经定位的祖先元素，就以浏览器窗口为基准行定位。“ 已经定位 ” 是指定义了除之外的。绝对定位的盒子从标准流中脱离，对其后的兄弟盒的定位没有影响，其他的盒子就好像这个盒子不存在一样。原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后,生成一个块级框，与原来它在正常流中生成的框无关。相对定位：⚠️：1.两个方向各选一个参数即可定位；2.定位的数值可以为负数；
2024-11-06 12:30:00
133
原创 前端学习Day12 CSS盒子的定位（相对定位篇“附练习”）
可以看到盒子相对于父容器产生了偏移。注意这时下面的盒子并没有往上移动，仍在原来的位置。使用相对定位的盒子会相对于自身原本的位置，通过偏移指定的距离，到达新的位置。⚠️：两个方向各选一个参数即可定位；定位的数值可以为负数。外，还需要指定一定的偏移量。其中，水平方向的偏移量由。① 先放三个盒子，注意盒子的位置为“自上向下排列”。② 然后我们设置一下第一个盒子的颜色和相对定位。老规矩先看图自己敲出代码，不懂再看代码~这是由于盒子的本体仍处于文档流中。盒子的本体仍处于文档流中。使用相对定位，除了要将。
2024-11-05 23:51:43
659
原创 前端学习Day11 JS语法进阶（DOM的操作篇）
是操作网页的接口，全称为“文档对象模型当网页被加载时，浏览器将网页转为一个DOM，并用JS进行各种操作。比如：改变页面中的HTML元素及其属性，改变页面中的CSS样式，对页面中的事件做出响应。简单来说，DOM 的操作就是为了用JS程序代替人工直接修改HTML和CSS代码。
2024-11-04 00:17:15
978
原创 前端学习Day10 CSS盒子模型（文档流篇）
一个块元素脱离文档流，它下面的处于文档流中的兄弟元素会上移；块元素被内容撑开，也就是说，width不是父元素的width。块元素一般从上到下排列摆放，块元素的 width 的默认值与父元素的 width 相同；height的默认由子元素的高度决定（子元素撑起父元素）行内元素一般从左往右摆放，且处于文档流中的内联元素不能设置 width 和 height ，大小由内容区的大小决定；脱离文档流的元素可以设置宽高，且不影响其他元素的默认排列。的流式排列，并最终最终在窗口中自上而下分为一行行，每行。
2024-11-02 18:05:07
329
原创 前端学习Day10 CSS盒子属性（附练习版）
medium 为默认宽度，thin 为小于默认宽度，thick 为大于默认宽度。⚠️：要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为absolute。在web页面中，“盒子”的结构包括厚度、边距、填充等元素，引申到CSS中，就是border、margin和padding。对于任何盒子，都可以分别设定4条边的padding、border和maegin，实现各种各样的排版效果。length 由浮点数字和单位标识符组成的长度值，不允许负值。
2024-11-02 10:32:21
549
原创 前端学习Day9 CSS常用声明 （表格、表单篇）
本篇为新增知识点，详细的表格与表单介绍可往前爬楼~本篇为新增知识点，详细的表格与表单介绍可往前爬楼~
2024-10-24 20:28:10
601
原创 前端学习Day8 CSS常用声明 （文本 、图像篇）
是根据对象字体进行调节的,包括xx-small、x-smmal、small.medium、large、x-large和xx-large7种字体尺寸,这些尺寸都没有精确定义,background-color不能继承,默认值是 transparent,如果一个元素没有指定背景色,那么背景就是透明的,这样其父元素的背景才能看见。：颜色值 {例：red / #000000 / rgb(0,0,255) / rgb(0%,0%,80%)}水平位置的参考点是网页页面的左边,垂直位置的参考点是网页页面的上边。
2024-10-20 23:01:48
1329
原创 前端学习Day7 CSS (CSS基础+CSS选择器）
CSS是一种格式化网页的标准方式，它扩展了HTML的功能，使网页设计者能够以更有效、更易维护的方式设置网页格式。CSS功能强大，CSS的样式设定功能比HTML多，几乎可以定义所有的网页元素。
2024-10-18 15:40:07
1079
原创 前端学习Day6 HTML 页面的布局与交互（附综合练习版）
HTML5提供了各种切割和划分页面的手段,允许用户创建的切割组件不仅能用来有逻辑地组织站点页面布局,而且能够赋予网站聚合的能力。对于网站应用来说，在用户体验方面表现最为突出的就是客户端与服务器端的交互。这个进度的全程可以是不确定的,只是表示进度正在进行,但是不清楚还有多少工作量没有完成。在HTML5中,为了使文档的结构更加清晰明确,使用了。标题是可见的,当用户单击标题时,会显示或隐藏。1、块级元素和内联（行内）元素的概念。行内元累不会独占页面中的一行，文档或文档某个部分的细节。元素的第一个子元素,用于。
2024-10-13 23:52:52
985
原创 前端学习Day5 HTML 表单（详细版+举例）
输人字段可以是文本字段、密码字段、复选框、单选按钮、按钮、隐藏域、电子邮件、日期时间、数值、范围图像、文件等。字段式选择栏与弹出式选择栏的主要区别在于,前者在<select>中的 size 属性值取。当浏览者选择的项目较多时,如果使用选择钮来选择,会占据页面的较大空间,这时可以用。表单是一个容器,可以存放各种表单元素,如按钮、文本域等。的值是数字,表示显示在列表中选项的数目,当size属性的值。的值,此值表示在选择栏中不拖动滚动条可以显示的选项的数目。标签可以看作表单的一个子容器,将所包含的内容以。
2024-10-12 15:37:10
1132
原创 前端学习Day4 HTML 表格（定义➕举例）
HTML中表格是由行和列组成的结构化数据集（表格数据），它让你快速简单地查找某个表示不同类型数据之间的某种关系的值。
2024-09-20 21:04:52
1216
原创 前端学习Day3 HTML 列表
有序列表是一个有特定顺序的列表项的集合。在有序列表中,各个列表项有先后顺序，它们之间以编号来标记。使用(ordered lists,有序列表) 标签可以建立有序列表,表项的有序的标签为,格式为有序的符号标识包括:阿拉伯数字、小写英文字母、大写英文字母、小写罗马数字、大写罗马数字。标签的用来定义一个有序列表的符号样式,在ol后指定符号的样式,可设定直到之前的表项加重记号,格式为在上面的示例中,由于在后指定列表样式为大写罗马字母,因此每个列表项显示为大写罗马字母。start属性用来规定有序列表的序号起始值。
2024-09-19 21:28:47
893
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人