黑逍逍 - 博客园

2024年2月2日

摘要： Background Attachment 固定背景： bg-fixed：使用这个类可以设置背景图像固定不动，即背景图像不会随着页面的滚动而移动。这在创建视差滚动效果时很有用。滚动背景： bg-local：使背景图像与容器随着视口一起滚动局部固定背景： bg-scroll：背景不懂，文字随着视口阅读全文

posted @ 2024-02-02 21:31 黑逍逍阅读(42) 评论(0) 推荐(0)

盒子模型

摘要： Padding 所有方向的内边距： p-{size}：这个类设置所有四个方向的内边距。例如，p-4 会在所有方向上应用 1rem 的内边距。垂直方向的内边距： py-{size}：这个类仅设置元素的上边距和下边距。例如，py-2 会在垂直方向上应用 0.5rem 的内边距。水平方向的内边距： p 阅读全文

posted @ 2024-02-02 21:31 黑逍逍阅读(64) 评论(0) 推荐(0)

布局

摘要： container 使用响应式前缀来应用不同的样式类于不同的屏幕尺寸不同的显示屏上显示不一样的布局 columns columns: 4; 的样式，这将创建一个4列的布局。同理，columns-5 会创建5列 position 结合其他尺寸类（如 top-0, right-0, bottom-0, 阅读全文

posted @ 2024-02-02 11:23 黑逍逍阅读(41) 评论(0) 推荐(0)

2024年1月28日

路由--子路由

摘要：子路由（也称为嵌套路由）是一种在 Vue 应用的单个路由下设置多个视图的方法。这使得构建多层次的页面结构变得简单，例如，一个有多个嵌套视图的仪表板页面。在 Vue Router 中实现子路由可以让你在相同的页面布局内展示不同的组件，而无需为每个可能的组合创建单独的路由。基本上，子路由允许你定义一个阅读全文

posted @ 2024-01-28 21:32 黑逍逍阅读(108) 评论(0) 推荐(0)

2024年1月27日

表单

摘要：表单可以包含不同类型的输入元素，如文本字段、复选框、单选按钮、提交按钮等表单标签 <form>：这是创建表单的基础标签。它包含了所有的表单元素。重要属性包括action（表单提交到的URL）和method（提交方法，通常为get或post）。 <input>：这是最常用的表单元素之一。它有多种类型阅读全文

posted @ 2024-01-27 01:19 黑逍逍阅读(74) 评论(0) 推荐(0)

表格

摘要：基本表格标签 <table>：这是定义表格的最基本标签。所有表格元素都被包含在这个标签内。 <tr>（Table Row）：用于定义表格的行。每个<tr>标签代表表格中的一行。 <th>（Table Header）：用于定义表格的表头单元格。通常，表头单元格中的文本加粗居中。 <td>（Table 阅读全文

posted @ 2024-01-27 01:12 黑逍逍阅读(75) 评论(0) 推荐(0)

属性

摘要：全局属性这些属性可以用在几乎所有的HTML标签上： class：为元素指定一个或多个类名，通常用于CSS或JavaScript。 id：为元素指定一个唯一的ID，用于CSS或JavaScript。 style：直接在元素上应用CSS样式。 title：为元素提供额外信息，通常以工具提示的形式显示。阅读全文

posted @ 2024-01-27 01:08 黑逍逍阅读(58) 评论(0) 推荐(0)

标签

摘要：基础结构标签 <!DOCTYPE>：定义文档类型。 <html>：根元素，包含整个页面。 <head>：包含文档的元数据。 <title>：网站的标题。 <body>：定义文档的主体。文本格式化标签 <h1> 到 <h6>：定义标题。 <p>：定义段落。 <br>：插入单个换行。 <hr>：插入水阅读全文

posted @ 2024-01-27 00:50 黑逍逍阅读(41) 评论(0) 推荐(0)

html都学什么

摘要：标签和元素：学习常用的HTML标签，如标题（<h1>到<h6>）、段落（<p>）、链接（<a>）、图片（<img>）、列表（<ul>、<ol>、<li>）等，以及如何使用这些标签来组织网页内容。属性：学习如何使用属性来扩展标签的功能，比如设置链接的href属性，图片的src和alt属性等。表格：阅读全文

posted @ 2024-01-27 00:28 黑逍逍阅读(32) 评论(0) 推荐(0)

2024年1月25日

常用样式--字体

摘要：字体系列（Font Family）： font-family: "Helvetica", "Arial", sans-serif; 字体大小（Font Size）： font-size: 16px; font-size: 1.5em; 字体粗细（Font Weight）： font-weight: 阅读全文

posted @ 2024-01-25 18:15 黑逍逍阅读(73) 评论(0) 推荐(0)

公告