代码>服务器>显示
前端关注哪些方面？
技术+功能 （美观）（无障碍）（对广泛的人适用）
利用浏览器+编辑器就可以做（入门是很低的）
渲染页面用
根标签 里面放元数据（标题或者编码等等）整体是用DOM数来做的
<h数字>是标题
a标签:
也可以新窗口打开
alt：替代性文本
输入：
Textarea:在框里输入多行
引用标签：blockquote
Cite标签短引用
Q是具体引用的内容
代码标签：外面：pre 里面：code：
em语气上的强调
strong标签也是表示强壮
Header里面放导航
Main主题部分里面放
Aside是页面相关的，但不是主题内容（热点文章的推荐
正文放article里面。
Footer里面是页尾
Css中有选择器
特异度：选择器具有特异度，定义越多的，优先级越高
Em标签：强调文本
DOM数（Dynamical System Order Measure，动态系统阶数）是一种用于描述动态系统复杂性的指标。它通常用于研究时间序列、动力学系统以及一些随机过程的特性。在数学和物理学中，DOM数可以帮助我们理解系统的行为、稳定性和演化规律。
计算值：转化出来的相对值，根绝当前页面以及分析代码，图片长度等等因素
（意思就是结合浏览器或者说是渲染的环境中进一步布局和转换）
继承的是：父级的计算值。
布局：
Width取值：长度 百分数 auto等等
Padding 指定四个方向的内边距
百分数相当于容器宽度
Border是边框 有长度 样式 颜色三种属性。 Maigin是外边距
总结：
前端开发的核心关注点
用户体验(UX):**
美观: 前端开发不仅仅是实现功能，更重要的是提供美观且易于使用的界面。使用合适的配色方案、排版和动画效果可以显著提升用户体验。
无障碍性: 设计应考虑所有用户，包括残疾人。使用语义化的HTML，加上ARIA属性，可以帮助屏幕阅读器理解页面内容，使得网站的内容更加可访问。
适用性: 确保网站在不同设备（如手机、平板和PC）上都有良好的表现。响应式设计和媒体查询在这里起着重要作用。
开发工具:
使用浏览器（如Chrome、Firefox）和文本编辑器（如VSCode、Sublime Text）进行开发，这样降低了前端开发的入门门槛。
利用开发者工具（F12）可以快速调试HTML和CSS，查看DOM结构和实时编辑样式。
HTML 基础结构
文档类型定义: 它告知浏览器使用HTML5标准来正确解析文档。
根元素: 包含整个HTML文档。
头部元素: 包含文档的元数据，如标题、引入的CSS和JavaScript文件、字符编码等。
语义化标签
到
: 分别表示不同级别的标题，能帮助搜索引擎和屏幕阅读器理解文档结构。**
, ,和- : 用于创建列表，帮助组织信息。**
: 用于创建链接，可以通过target="_blank"设置为在新窗口打开。
![]()
: 用于图像，alt属性提供图像的文本替代，帮助无障碍用户理解内容。
**表单元素
: 用于多行输入的文本框，允许用户输入较长的文本。
: 这是一个多功能元素，可以生成文本框、复选框、单选框等不同类型的输入。
引用和强调标签
: 用于长引用块，通常嵌套在标签内。
: 表示一个参考的文献或来源。
:
用于短的引用内容，通常会自动插入引号。
和: 用于显示代码片段， 和: 用于显示代码片段，
保持文本格式化，而则表示代码内容。
CSS 基础知识
选择器: CSS样式的应用通过选择器来实现，可以是标签选择器、类选择器和ID选择器等。
特异度: 影响样式优先级的规则，特异度越高的选择器应用优先级越高。特异度计算包括内联样式、ID选择器、类选择器等的组合。
布局概念
计算值: CSS中的计算值是指在各种上下文中，基于容器或页面其他元素的动态计算得来的值。
盒模型: 包括内容区域、内边距（padding）、边框（border）和外边距（margin）。宽度: 可以用绝对值（如px）或相对值（如百分比）指定。
内边距: 为元素内容与边框之间的空白区域。
边框: 用于定义元素外观的边界，以长度、样式和颜色属性设置。
外边距: 指元素与其他元素之间的空间，通常用来控制元素布局。
附加信息
现代前端工具: 还可以使用框架和库（如React、Vue、Angular等）来提升开发效率，使得开发更为高效和可维护。
版本控制: 使用Git管理代码版本，可以让团队协作开发变得更加灵活和安全。
通过深入理解这样的概念，可以帮助你更好地掌握前端开发的技巧，设计出更加高效和美观的用户体验。
- ,和
- : 用于创建列表，帮助组织信息。**
: 用于创建链接，可以通过target="_blank"设置为在新窗口打开。
: 用于图像，alt属性提供图像的文本替代，帮助无障碍用户理解内容。
**表单元素
: 用于多行输入的文本框，允许用户输入较长的文本。
: 这是一个多功能元素，可以生成文本框、复选框、单选框等不同类型的输入。
引用和强调标签
: 用于长引用块，通常嵌套在
标签内。
: 表示一个参考的文献或来源。
:
用于短的引用内容，通常会自动插入引号。和: 用于显示代码片段，和: 用于显示代码片段， 保持文本格式化，而则表示代码内容。 CSS 基础知识 选择器: CSS样式的应用通过选择器来实现，可以是标签选择器、类选择器和ID选择器等。 特异度: 影响样式优先级的规则，特异度越高的选择器应用优先级越高。特异度计算包括内联样式、ID选择器、类选择器等的组合。 布局概念 计算值: CSS中的计算值是指在各种上下文中，基于容器或页面其他元素的动态计算得来的值。 盒模型: 包括内容区域、内边距（padding）、边框（border）和外边距（margin）。宽度: 可以用绝对值（如px）或相对值（如百分比）指定。 内边距: 为元素内容与边框之间的空白区域。 边框: 用于定义元素外观的边界，以长度、样式和颜色属性设置。 外边距: 指元素与其他元素之间的空间，通常用来控制元素布局。 附加信息 现代前端工具: 还可以使用框架和库（如React、Vue、Angular等）来提升开发效率，使得开发更为高效和可维护。 版本控制: 使用Git管理代码版本，可以让团队协作开发变得更加灵活和安全。 通过深入理解这样的概念，可以帮助你更好地掌握前端开发的技巧，设计出更加高效和美观的用户体验。
