- 博客(11)
- 收藏
- 关注
RSS订阅原创 CSS浮动
理解浮动的底层机制和问题本质，能够帮助开发者根据实际场景选择最合适的布局方案，构建更加健壮、可维护的页面结构。等 ），使父盒能识别浮动子元素，自动撑起高度，解决塌陷问题，还能避免 margin 重叠等布局 bug。CSS浮动作为历史悠久的布局技术，在图文混排等特定场景仍有重要价值。清除浮动（clearfix ）：给父盒添加 clearfix 类，利用伪元素（BFC（块级格式化上下文 ）：触发父盒的 BFC 特性（如设置。）生成内容，清除浮动影响，让父盒高度正常计算。父盒高度塌陷解决办法。
2025-06-13 00:50:14
22
原创 CSS伪类和伪元素
CSS 伪元素是一种特殊的选择器，它可以在不改变 HTML 结构的情况下对页面元素的特定部分进行样式设置，CSS 伪元素是用来添加一些选择器的特殊效果。）开头，可以与其他选择器组合使用，增强样式的灵活性和动态性，伪类可以看作以选中元素为基准点，此元素的一些状态或属性。，伪元素本身是行内元素，如果要定义为其配置宽高则需要定义。：选择作为父元素第 n 个子元素的元素，：选择作为父元素最后一个子元素的元素。：选择作为父元素第一个子元素的元素。：选择作为父元素唯一子元素的元素。：元素被激活（如点击时）的状态。
2025-06-12 23:19:00
385
原创 CSS基础样式
两个表格承载不同数据展示需求。接着用 CSS 进行美化，设置边框时，使用。让单元格内容右对齐，排版更规整。在网页开发里，表格是展示数据的常用工具。让边框合并，避免出现难看的间隔。增加内边距，内容不拥挤，，能适配不通设备宽度。先看 HTML 结构。
2025-06-12 22:20:17
97
原创 CSS 复合选择器
css复合选择器一共有六种，分别为通用兄弟选择器、后代选择器、子代选择器、相邻兄弟选择器、交集选择器和并集选择器。元素，为其添加了灰色边框、圆角和内边距样式 ，对应右图中 “欢迎来到：计算机学院” 段落的样式设置。元素，设置了项目符号样式和绿色文字颜色，用于右图中导航栏列表项的样式。标签，分别设置了绿色和黄色文字颜色，应用在对应的标题和段落上。的元素并列选中设置样式，这里只是示例定义了绿色文字颜色。元素，设置橙色文字颜色，可用于控制相邻段落间的样式差异。通用兄弟选择器在 CSS 中定义了。
2025-04-24 00:45:10
259
原创 CSS 选择器与引入方式
行内样式优先级最高，其次是 id 选择器，然后是类选择器，最后是标签选择器。当存在多个相同优先级的样式定义时，遵循后来居上原则，即后定义的样式会覆盖前面的样式。CSS 作为美化页面的关键技术，其选择器和引入方式是重要的基础内容。标签定义样式，可对多个相同标签或不同标签进行样式设置，如上述代码中在。，一个页面中 id 应唯一，常用于对特定元素进行单独样式设置。，可给多个不同标签添加相同样式，只要标签的。，它的优先级最高，仅作用于当前标签。开头，后面跟唯一的 id 名，如。开头，后面跟自定义类名，如。
2025-04-23 00:03:34
536
原创 网页架构与设计
导航栏涵盖多个板块，方便用户快速找到所需信息。“最新文章” 部分可及时发布动态，校徽展示提升学院辨识度。侧边栏的专业链接和联系表单，实用性强。网页用了HTML 与 CSS 协同打造页面布局。HTML 与 CSS 协同打造页面布局。等语义化标签，清晰划分页面不同区域，便于理解和维护。等语义化标签，清晰划分页面不同区域，便于理解和维护。展示学院名称与欢迎语，展示学院名称与欢迎语，
2025-04-11 00:22:14
181
原创 构建用户注册表单
等，精准适配信息录入需求。性别、学历的单选，爱好的复选项，CSS 则赋予表单美观的外观合理设置元素的宽度、边距等属性，让表单在页面中布局合理、整齐有序。输入框的设置兼顾了实用性与规范性。像用户名、密码等必填项，使用。在网页开发中，用户注册表单是连接网站与用户的重要桥表单内。属性确保用户准确填写。不同类型的输入框，如。
2025-04-02 23:23:33
232
原创 商城支付向导：从文本说明到 HTML 实现
对于开发者而言，在完成基本的内容展示后，可以进一步通过 CSS 为页面添加样式，让支付向导的呈现更加清晰美观，提升用户体验。同时，在实际的商城应用中，还需要与后端的支付接口进行对接，确保支付流程的顺畅和安全。它首先列举了几种常见的支付方式，包括货到付款、财付通、支付宝和网银在线，满足了不同用户的支付偏好。接着详细说明了网银在线的支付步骤，从选择网上银行开始，到确认总价、核对预留信息，再到输入账号密码和验证码，直至最终完成付款，步骤清晰易懂。标签，这在规范的 HTML 文档中是不允许的，需要去除重复的部分。
2025-03-25 22:33:16
303
原创 HTML 表格制作实践：从代码到呈现
这是上述 HTML 代码在浏览器中的呈现效果。可以看到，一个包含多个单元格，并且有合并单元格效果的表格清晰地展示出来。通过对比代码和实际呈现的表格，我们能更好地理解每个 HTML 标签和属性的作用。在网页开发中，表格是一种常用的元素，用于展示结构化的数据。今天，就通过实际的代码和最终呈现效果。属性定义单元格跨越多列，通过这种方式可以实现复杂的表格布局。看图中的 HTML 代码，这是构建表格的基础。标签代表表格中的一行。在代码的后半部分，还出现了。分别规定了表格的宽度和高度。设置了表格边框的宽度，
2025-03-25 22:18:38
168
原创 HTML 学习小记：图片锚点实践
属性来关联，实现点击标题跳转到对应图片位置。虽然在这个过程中遇到了链接路径设置错误等小问题，但通过查阅资料和不断调试都解决了。最近在学习网页开发基础 ——HTML，今天尝试做了一个带图片锚点跳转的小页面。这次实践让我对 HTML 的基本结构和超链接的使用有了更深入的理解。在编写代码的过程中，先是设置了几个图片的锚点链接，通过。#HTML 学习 #网页开发#大学生编程实践。
2025-03-04 21:02:39
166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人