- 博客(16)
- 收藏
- 关注
RSS订阅原创 HTML进行表格练习
属性分别设置表格的宽度和高度为 600rpx 和 800rpx。属性设置表格边框宽度为 1rpx，：显示标题 “合并单元格练习”。：显示标题 “创建表格练习”。
2025-06-11 20:16:10
136
原创 HTML进行css弹性布局练习
• .navbar 用 display: flex 变成弹性容器，justify-content: space-between 让内部元素（Logo、导航链接、搜索框）两端对齐，align-items: center 垂直居中。• 导航链接：.nav-links 是无序列表（ul），用 Flex 横向排列，li 之间设 margin-left 分隔，a 标签去除下划线、白色文字。• .container 放页面主体内容（标题 h1 + 段落 p），结构简单，依赖导航栏的 Flex 布局完成整体页面框架。
2025-06-11 20:13:40
199
原创 HTML进行css浮动练习
◦ 左浮元素（box1-box4）：若 CSS 里给它们设置 float: left（代码里没显示，但按命名推测），会从左往右排列。◦ 右浮元素（box5-box8）：因 float: right，会从右往左排列（多个右浮元素，后写的会先“靠右边” ）。
2025-06-11 20:11:23
239
原创 HTML进行css盒子绝对定位练习
◦ 绝对定位后，距离父容器（需是定位元素，否则相对于页面）左侧 600px、顶部 100px。◦ 绝对定位后，距离左侧 100px、顶部 100px。◦ 绝对定位后，距离左侧 350px、顶部 100px。◦ 宽高 500px，背景色 bisque（浅橙色）。◦ 宽高 50px，背景色 black（黑色）。◦ 宽高 50px，背景色 black（黑色）。样式（CSS 部分）
2025-06-11 20:09:30
224
原创 HTML进行css伪类选择器练习
• 尝试用 #a1 :link 选择器，给 id="a1" 的链接未访问状态设置颜色 blueviolet（蓝紫色）。• 定义了一个 HTML5 网页，语言为英文（lang="en"），设置编码 UTF-8、适配浏览器/手机显示。1. 结构（HTML 部分）2. 样式（CSS 部分）
2025-06-11 20:05:39
159
原创 HTML进行css伪元素选择器练习
这段代码聚焦 CSS 伪元素选择器 实践，借无序列表 <ul> 与列表项 <li> 演示奇妙玩法。先通过 ul li 统一设置列表样式，去除默认标记、定义宽高与边框。更精彩的是 ::before 和 ::after，给 <ul> 前后“凭空”添加块元素，用不同颜色、边框打造视觉点缀。还有针对特定 <li>（#li1）的 ::after，本想延续创意，可惜 display: red 是语法失误，若修正为合理显示模式，就能让列表的样式魔法更完整，生动展现伪元素给页面布局和装饰带来的灵活拓展性。
2025-06-11 19:58:13
163
原创 HTML练习css表格常用样式
DOCTYPE html> 等标签定义 HTML5 文档，设置编码、适配手机（viewport），标题是“css表格常用样式”。◦ <tr> 是表格行，<th> 是表头单元格（默认加粗、居中），用 scope="col" 说明是“列标题”，方便读屏软件识别。◦ 宽高 500px、红色实线边框，合并边框（border-collapse: collapse 让边框合并不重复）。• 表格结构：用 <table> 标签创建表格，border="1" 先给默认边框（实际样式靠 CSS 控制）。
2025-06-11 19:55:34
202
原创 HTMl练习css常用文本样式
◦ 文字颜色 blueviolet（蓝紫色）、字号 50px、字体 楷体、斜体（italic）、加粗（bolder）、居中对齐（text-align: center）、下划线（text-decoration: underline）。DOCTYPE html> 等：定义网页是 HTML5 文档，设置语言为英文（en）、编码 UTF-8，适配浏览器渲染（viewport 让页面适配手机）。◦ 一个 <div> 包裹，里面有 <p> 标签（段落），<p> 里又嵌套了 <span> 标签（行内文本）。
2025-06-11 19:43:05
158
原创 HTML进行表单表格属性练习
• 类名样式（.text1 .btn00 等）：给元素加类名就能用这些样式，比如 .btn00 是粉色、半透明（opacity）、虚线边框的按钮；• 表格整体（table 选择器）：宽 400px、高 200px，红色实线边框，合并边框（border-collapse），背景色 aliceblue，文字蓝色。• 特殊单元格（#td5 #td0）：用 id 选特定单元格，改背景色、文字颜色、边框、文字对齐（text-align 水平、vertical-align 垂直）。2. 表格内容（HTML 表格结构）
2025-06-11 19:40:32
173
原创 HTML网页结构练习
◦ <meta name="viewport" content="width=device-width, initial-scale=1.0">：用于响应式设计，使网页在不同设备屏幕宽度下能正确显示，初始缩放比例为1.0。• <h1> - <h6>：标题标签，从<h1>（最高层级，字体最大）到<h6>（最低层级，字体最小），用于定义网页标题层级结构。• <li>：列表项标签，需嵌套在<ul>或<ol>（有序列表）中，定义列表中的单个项目。• <a>：超链接标签，href属性指定链接目标地址，点击可跳转。
2025-04-07 12:59:31
474
原创 HTML进行表单练习
body> 标签内，首先是一个 <h1> 标签定义的“用户注册”标题，醒目地告知用户当前页面的用途。• 性别选择：两个 <input type="radio"> 实现单选功能，用户只能选择“男”或“女”其中一项，name="item1" 确保它们属于同一组，id 用于在CSS或JavaScript中单独选中它们。• 出生日期输入框：<input type="text"> 让用户可以输入自己的出生日期，不过更好的做法是使用 <input type="date">，这样浏览器会提供日期选择器，提升用户体验。
2025-03-30 13:55:14
430
原创 HTML表格练习
表体中，每一行是<tr>，数据单元格用<td>表示，呈现了不同年份的人员数量。通过这个练习，我掌握了HTML表格基础搭建，能简单又直观地展示数据。<table>标签构建了表格框架，设定了边框、宽度和高度。表头用<th>定义，包含“教师人数”等类别，还通过scope属性明确行列范围。
2025-03-24 19:12:01
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人