WEB 基础

felix.shao2025-06-06

Web 前端的三大基石分别是 HTML、CSS 和 JavaScript。详细资料略，网上可以查看如菜鸟教程等内容。

1 HTML

HTML

超文本标记语言。一种用于创建网页的标准标记语言。
HTML 相关知识点描述如下。

HTML 结构。如头部元素、、可见的页面内容、
，元素的层次结构是约定好的。
HTML 元素（也称标签）。具体有标题<h1 />、段落<p />、超链接<a />、图像<img />、文本<b />、链接<link />、表单和表格<form />、<table />、列表<ul />、<ol />、区块<div />、<span />、框架<iframe />等元素。
HTML 属性。每个元素都会有特殊的一些属性，属性示例如 href、style 等。
HTML 布局。一般使用的是区块<div />、<span />来实现网页布局效果。
XHTML。简单来说就是添加了一些约束，如元素要正确闭合、嵌套顺序约束等。
HTML5 内容。

HTML5

HTML5 在 HTML 改进的内容如下，

开发

CSS

层叠样式表。一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言。
CSS 相关知识点描述如下。

CSS 语法。由选择器、多条语法声明组成，如 p {color:red;text-align:center;}，前面是选择器，后面是多条声明。
CSS 注释。/*这是个注释*/。
CSS 选择器。ID(#id) 和 CLASS(.class) 选择器、分组和嵌套选择器、属性选择器。
外部样式表、内部样式表、内联样式，以及多重样式配置时存在了继承逻辑、与优先级（外部 < 内部 < 内联）。
具体样式配置。如背景background、文本text、字体fonts、链接link、列表样式、表格样式、盒子模型box model（margin、border、padding、content）、边框border、轮廓outline、外边距margin、填充padding、尺寸Dimension、显示display、定位Position、布局Overflow、浮动Float、对齐、组合选择符、伪类、伪元素、!important 规则。
一些样式效果。如导航栏、下拉菜单、提示工具、图片廊、图像透明/不透明、图像拼合技术、媒体类型、表单、计数器、网页布局、

CSS3

略，直接看参考文献里面的教程了解吧。

拓展

CSS 是静态化语言，由此出了一些扩展语言，以下小节内容进行描述。

less

一门向后兼容的 CSS 扩展语言。拓展的内容要点如下。

Sass

sass 依赖于 ruby，比 less 复杂一点，因此国内一般都使用的是 less，这里先不展开 sass。

Scss

CSS 扩展语言，sass 3 变成了 scss。

CSS 开发参考

AJAX

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。。

TypeScript

一种给 JavaScript 添加特性的语言扩展，增加的功能包括。

React JSX

JSX 是一种 Javascript 的语法扩展，JSX = Javascript + XML，即在 Javascript 里面写 XML，因为 JSX 的这个特性，所以它既具备了 Javascript 的灵活性，同时又兼具 html 的语义化和直观性。

参考文献