codezxhy的博客

CSS盒子模型是网页布局的核心概念，将每个元素视为由内容(content)、内边距(padding)、边框(border)和外边距(margin)组成的矩形区域。内容区域通过width/height设置，边框可自定义样式，内边距控制内容与边框间距，外边距管理元素间隔。清除默认内外边距可避免浏览器预设样式干扰。浮动布局能实现元素水平排列，但会导致父元素高度塌陷，可通过设置父元素高度、额外标签法或伪元素清除法解决。理解盒子模型和浮动特性对网页布局至关重要。

本文系统介绍了CSS基础知识，包括CSS概述、选择器、字体文本样式、背景属性、元素显示模式和CSS特性六大部分。CSS作为层叠样式表，主要通过标签、类、ID等选择器为HTML元素设置样式。文章详细讲解了各类选择器的语法和使用场景，如后代选择器、子代选择器等复合选择器，以及hover伪类选择器。在样式设置方面，重点介绍了字体、文本、行高等属性，并对比了不同颜色表示方法。背景属性部分涵盖了背景颜色、图片、平铺和位置等设置。元素显示模式分析了块级、行内和行内块元素的区别及转换方法。最后阐述了CSS的继承性、层叠性

本文介绍了HTML常用标签的分类及使用方法。主要包括：排版标签（标题、段落、换行等）、文本格式化标签（加粗、倾斜等）、媒体标签（图片、音频、视频）、链接标签、列表标签（无序、有序、自定义）、表格标签（基本结构、标题、合并单元格等）。每种标签都给出了使用场景、语法特点和常用属性说明，并配有示例代码和效果图，帮助开发者快速掌握HTML基础标签的应用技巧。

本文介绍了网页、浏览器和HTML的基本概念。网页由前端代码经浏览器解析渲染而成，包含文字、图片等元素。Chrome是全球市场份额最大的浏览器，不同浏览器使用不同内核导致渲染差异。Web标准通过结构(HTML)、表现(CSS)和行为(JavaScript)三层分离实现统一显示效果。HTML作为超文本标记语言，通过标签描述网页内容，其骨架结构包括html、head、body等标签，并支持注释和属性设置。标签间存在父子或兄弟两种关系。