- 博客(12)
- 收藏
- 关注
RSS订阅原创 盒子的浮动
然后是2，3，4，因为“浮动”的缘故，他们三个会向前递补，遇到1的时候停下来，让后3跟着移动到2的位置，由于2跟3是同个图层，他会被挤到右边，直到2那一层不能再挤一个盒子，盒子4会停留在盒子2下面。可以看到，由于父盒高度缺陷，所以盒子全部跑了出来，如果稍加调整，我们可以把整个父盒填充掉，所以我们编辑的时候，需要先设置好父盒的宽高。由于是浮动，所以他们浮动后2，3，4，跟1，5，不在同一个图层，于是他们会呈现一个叠加状态。然后是当父级别背景设置高度的时候，会发生什么，这里我们放大盒子1的高度，让实验更形象。
2025-05-27 00:16:03
284
原创 绝对定位练习
绝对定位可以让我们的网页处于一个固定位置，这次教大家用网页制作一个笑脸（迫真），以下是原代码。1，首先，我们在body栏设置一个3个div标签，用作表情的眼睛跟嘴巴，如下所示。2，我们可以给div以及article标签设置大小，背景颜色，以及位置，如下所示。以下是效果图，我们也可以把绝对定位应用到想要的主题上，希望能帮到你！
2025-05-20 00:18:38
222
原创 伪元素选择器
2，在style标签里选择我们的ul li标签，同样，我们可以给ul li里设置标签，如下所示。这次教大家如何使用伪元素选择器，跟上次的伪类选择器其实差不多，以下是原代码。，包含三个li列表项，其中一个列表项有id="li1"（区分用），如下所示。以下是运行成功的网页截图，希望能帮到你！1，使用ul标签创建一个。
2025-05-20 00:08:08
198
原创 伪类选择器
我们可以通过标签定义内联的css样式，好处就是我们可以一次设置多个内联的样式，这次我们用百度网页做实验，以下是原代码。1，首先我们在body部分的超链接加入一个id标签a1，a2，为后面我们设置伪类选择器，如下所示。#a1:active:在 id 为 a1的链接被激活（鼠标按下未松开）时，文本颜色变为黄绿色。#a1:hover :当鼠标悬停在 id为a1的链接上时，文本颜色变为黑色。#a1:link:为 id 是a1的链接设置未访问时的文本颜色为红色。#a1:visited 设置访问后的样式。
2025-05-19 23:58:33
124
原创 表单表格属性联系
2，tr是表格行，我们可以给元素设置样式，比如说：background-color设置背景颜色，border设置边框颜色，vertical-align跟 text-align可以设置表内字体的位置，如下所示。1，table是表格的意思，我们可以给表格设置大小（宽度width跟高度height），collapse可以让表格边框合并，避免相邻单元格边框重叠，如下所示。6，btn00这个类，我们用该类的元素边框为2像素宽的虚线，背景颜色为粉色，透明度为0.3，如下所示。今天是表格表单的属性练习，上面是原代码。
2025-05-19 23:44:02
193
原创 复合选择器
h1 ~ p：兄弟选择器，选择跟在< h1 >元素后面的所有< p >兄弟元素，将它们的文字颜色设为黑色，字体大小设为24px。ul li a :后代选择器，选择< ul >元素内所有< li >元素中的] < a >元素，将文字颜色设为红色。article > h3：子代选择器，选择< article >元素的直接子元素< h3 >，将文字颜色设为绿色。h3 + p：相邻兄弟选择器，选择紧跟在< h3 >元素后面的第一个< p >兄弟元素，将文字颜色设为黄色。以下是结果，希望对你有帮助！
2025-04-23 23:57:48
136
原创 选择器的使用办法
行内样式优先级最高。- `<h2 class="my-title" id="my-title1">贸易大战</h2>`：同时有类选择器和 ID 选择器，但 ID 选择器优先级更高，颜色为橙色。- **ID 选择器**：以 `#` 开头，如 `#my-title1`，ID 应该是唯一的，一个页面中只能有一个元素使用该 ID。- **类选择器**：以 `.` 开头，如 `.my-title`，可以应用到多个元素上。- `<h2 class="my-title">关税大战</h2>`：应用类选择器，颜色为黑色。
2025-04-23 23:52:07
323
原创 如何制作表单
同样，我们可以在标签里加入限制条件，比如说action 属性指定表单数据提交的目标URL，这里为空，表示提交到当前页面：method 属性指定表单数据的提交方式： post 方式将数据隐藏在。id = " username "为输入框指定一个唯一的标识符，方便在JavaScript中引用。name = " username "为输入框指定一个名称，用于在表单提交时标识该字段。h1-h6是表单标题，我们同样可以在标签内加入限制，比如说<h2> 标签定义二级标题。，用户可以在表单中输入数据。
2025-04-23 23:39:13
243
原创 如何使用单元格
注意，合并的时候，要把后面的td标签删掉，只保留前面的td标签，不然后面的标签会被顶到其他位置，非常不美观，如图是错误示范，希望能帮到你！用于设置单元格跨列合并，这里表示该单元格横跨3列；rowspan属性用于设置单元格跨行合并，这里表示该单元格跨4行，如图。学会了之后，我们可以使用合并单元格，让想要的表格合并在一起。h2是一个二级标题，用于标识文字大小。
2025-04-23 23:21:48
218
原创 ul跟ol的用处
今天教大家用ul跟ol，假设我们要做一个商城支付的页面。<ul type="circle">是一个实心圆，如图。<ul type="disc">是一个空心圆。这是最后的网页，希望对你有帮助！
2025-04-23 22:53:59
200
原创 用超链接跳转到想要的内容
首先，我们做跳转的链接的代码的时候，正常插入超链接，以助于我们跳转到网页里想要的内容，然后，编辑想要跳转到的内容时，我们需要再插入一个超链接，然后把超链接里面的“herf”改成“name”，再编辑一个自己记住的名称，最后，回到跳转链接的代码那里，在“herf”等号后面输入#+前面改的名称，如图。+enter，得到如图。然后在body栏里编辑一个超链接，方便我们跳转，我们需要先编辑一个可以跳转到苹果图片的代码，然后再编辑一个跳转后的苹果图片代码，如图。绝对路径是指输入路径的全称，用来导入图片，如图。
2025-03-04 20:06:45
370
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人