
HTML
文章平均质量分 89
无名友
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML — 总结
HTML(超文本标记语言)是构建网页的核心技术,通过标签系统定义内容结构与呈现方式。1991年由蒂姆·伯纳斯-李提出,历经HTML4、XHTML等版本迭代,2014年HTML5成为主流标准,显著增强了多媒体支持与语义化能力。HTML文档以<!DOCTYPE html>声明开头,包含<html>根标签,其内分为<head>和<body>两部分。<head>存放元信息,如标题(<title>)、字符集声明(<meta charset>)及外部资源链接;原创 2025-04-20 10:00:00 · 1159 阅读 · 0 评论 -
HTML — 过渡与动画
适用于元素属性变化时的平滑渐变效果,如悬停变色、尺寸调整。通过定义transition-property(过渡属性)、duration(持续时间)、timing-function(缓动函数)触发条件(如:hover)。仅需两段状态(开始/结束),适合简单交互。CSS过渡是一种实现元素属性平滑变化的动画技术,通过自动补间动画增强用户交互体验。其核心是让CSS属性值的变化(如颜色、尺寸等)从初始状态逐步过渡到终止状态,而非瞬间切换。原创 2025-04-12 15:36:31 · 1406 阅读 · 0 评论 -
HTML — 定位
在HTML中,列表(<ul>/<ol>)的核心功能是内容结构化(如导航菜单、条目分类),而非布局定位工具。其默认样式(项目符号、缩进)会破坏定位逻辑,且浏览器对列表的渲染差异可能导致布局错位。若强行通过CSS覆盖列表特性(如list-style: none),虽能实现视觉隐藏,却违背语义化原则,导致代码冗余和维护成本增加。替代方案应优先选择CSS定位技术:Position定位:通过relative/absolute实现层级叠加与坐标控制;浮动布局:传统图文环绕场景。原创 2025-04-11 14:41:16 · 981 阅读 · 0 评论 -
HTML — 浮动
HTML浮动(Float)是CSS早期核心布局技术,通过float: left/right使元素脱离文档流并向指定方向对齐,常用于实现图文混排(如图片文字环绕)或多栏布局。浮动元素会紧贴父容器或相邻浮动元素边缘,但脱离文档流的特性会导致父容器高度塌陷(不包含浮动元素高度),需通过以下方式解决:清除浮动:在父容器末尾添加clear: both的空元素;BFC触发:为父容器设置overflow: hidden;浮动布局需手动计算宽度且响应式适配困难,现代开发中更推荐Flexbox或Grid。原创 2025-04-10 11:10:14 · 1500 阅读 · 0 评论 -
HTML — CSS样式
CSS样式是一种用于控制网页外观和布局的标记语言,通过选择器和声明块定义元素的呈现方式。选择器指定目标元素,声明块包含属性和值,以键值对形式描述样式特征。颜色、字体、间距等视觉属性可通过CSS精确调整,实现响应式设计和跨设备适配。盒模型控制元素尺寸与边距,定位机制管理元素排列顺序。伪类支持交互状态与特殊内容样式,媒体查询则针对不同屏幕尺寸应用特定规则。样式可内联、嵌入或外链,遵循层叠原则解决冲突,优先级由特异性、顺序和重要性决定。通过变量和预处理器提升代码复用性,保持视觉一致性。基本语法。原创 2025-04-09 10:00:00 · 888 阅读 · 0 评论 -
HTML — CSS选择器
CSS选择器用于定位HTML元素并应用样式,但不能以列表形式呈现其完整分类。选择器通过特定语法规则匹配元素,例如元素选择器(如p)直接选中标签,类选择器(如.class)通过class属性匹配,而ID选择器(如#id)基于唯一标识定位。此外,属性选择器(如[type="text"])按属性筛选,伪类选择器(如:hover)响应状态变化,组合选择器(如div > p)则通过层级关系精确控制。每种选择器需独立使用或组合嵌套,无法简单罗列为列表,因其语法和逻辑依赖具体应用场景。原创 2025-04-08 15:50:17 · 1449 阅读 · 0 评论 -
HTML — 基本标签
HTML是构建网页的核心语言,通过标签定义内容结构和样式。文档以<!DOCTYPE html>开头,<html>作为根元素包裹整个页面,其中<head>包含元信息如标题和引用的资源,<body>则承载所有可见内容。文本内容通过标题标签<h1>至<h6>、段落<p>和换行<br>等标签组织,而<b>等标签用于文本格式化。超链接<a>和图片<img>实现了资源跳转与嵌入,列表通过<ul>、<ol>和<li>展示条目化内容,表格则用<table>、<tr>和<td>结构化数据。原创 2025-04-07 11:18:24 · 642 阅读 · 0 评论