前端HTML和CSS
HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它负责网页的结构和内容，是前端开发的基础。HTML文档由一系列的标签（tags）组成，这些标签定义了网页中的元素，如标题、段落、链接、图片等。HTML文档的基本结构包括文档类型声明（<!DOCTYPE html>）、html根元素（<html>）、头部（<head>）和主体（<body>）。在头部中，我们通常会设置网页的标题、字符编码、样式表和脚本等。主体部分则包含了网页的可见内容。
CSS（Cascading Style Sheets，层叠样式表）是一种用于描述HTML文档样式的语言。它可以控制网页中元素的布局、颜色、字体等外观属性。CSS可以直接嵌入HTML文档中，也可以通过外部链接的方式引入。在CSS中，我们可以使用选择器（selectors）来指定要应用样式的HTML元素。选择器可以是元素名、类名、ID名或属性等。然后，我们可以定义一系列的属性和值来设置元素的样式。例如，我们可以设置元素的背景颜色、边框、字体大小、文本对齐方式等。
HTML和CSS是前端开发的两大核心技术。HTML负责网页的结构和内容，而CSS则负责网页的样式和布局。它们相互配合，共同构建出丰富多彩的网页。
在HTML文档中，我们可以通过class或id属性来为元素指定样式。然后，在CSS中定义相应的类或id选择器，并设置相应的样式规则。这样，当浏览器渲染HTML文档时，就会根据CSS规则来应用相应的样式。
此外，我们还可以使用CSS的盒模型（box model）来控制元素的布局。盒模型是CSS布局的基础，它定义了元素如何占据空间以及与其他元素的关系。通过调整元素的边距（margin）、边框（border）、内填充（padding）和内容（content）等属性，我们可以实现各种复杂的布局效果。HTML和CSS是前端开发的基础和核心。通过不断的学习和实践，我们可以创建出更加美观、易用和富有创意的网页。同时，随着前端技术的不断发展，我们也需要不断学习和掌握新的技术和工具，以适应不断变化的市场需求.
![[HTML、CSS]细节与使用经验](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635950/20241110/4a6bb78b9c294263bd2e005a5c2642e0.gif?x-oss-process=image/resize,h_160,m_lfit)
![[HTML、CSS]知识点](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635461/20241109/bcc34220ff734707ab00ebc739596dff.jpeg?x-oss-process=image/resize,h_160,m_lfit)