2025年css入门笔记（2025年css总结笔记）

读书笔记《DOM编程艺术》CSS-DOM

读书笔记《DOM编程艺术》CSS-DOM在《DOM编程艺术》一书中，CSS-DOM是一个重要的章节，它详细阐述了如何通过JavaScript操作CSS样式，进而动态地改变网页的外观和行为。以下是对该章节内容的详细解读。网页的三层结构网页通常被分为三层：结构层、表示层和行为层。

类操作 使用className属性：通过className属性操作元素的CSS类。 增加类：使用+=运算符将新的类增加到现有类中。 覆盖类：使用=运算符完全覆盖元素的class属性。 使用classList属性：classList是只读的DOMTokenList对象，表示元素class属性的内容，提供了更丰富的类操作方法。

类操作 使用className属性操作元素的CSS类。通过+=运算符增加到现有class中，使用=运算符完全覆盖class。获取元素完整class，利用classList属性操作。classList是只读的DOMTokenList对象，表示元素class属性的内容。可通过各种方法操作其中的类。

入门可以看《javascript高级程序设计》与《javascript dom 编程艺术》尤其是后者，真是好书。我以前看了许多视频，翻那本很厚的指南与高程，最后还是靠《javascript dom 编程艺术》激发我学习兴趣入门。

博学谷前端学习日记-第一周

学习背景与选择原因作为完全0基础的IT行业纯小白，因待业状态决定通过学习编程技能提升就业竞争力。在对比多家培训机构后，最终选择黑马博学谷线上班，核心原因如下：课程试听体验：免费课程讲解细致，逻辑清晰，适合零基础学习者快速建立认知。平台用户体验：博学谷、传智教育旗下APP/网站界面友好，功能设计符合学习需求。

相关基础知识 网页的组成：包括图片、文字、视频、音频、超链接等元素。网页的本质：网页本质是代码，通过浏览器渲染转换成可视化的网页。渲染引擎（内核）：负责对代码进行解析和渲染，不同内核对代码的加载效果可能不同。

在一周的学习日志中，遇到的问题主要集中在程序报错及解决方法上。通过分析错误信息，我总结了以下几点关键点：首先，遇到“无法读取未定义的属性（读取filter）”的错误，其原因在于使用了未定义的变量。在项目的实际应用中，我发现变量名在定义和使用时出现了不一致的情况。

第四周学习总结：完成第一阶段学习并开启第二阶段，同时整理了第一阶段常用单词 学习进度：第四周完成了第一阶段的学习，能够独立制作简单的网站首页，并通过了第一阶段的考试，现已开始第二阶段的学习。但学习效率较低，原计划十天完成的内容拖至三十天，本周开始调整学习时间以追赶计划。

笔记:深入理解bootstrap

1、深入理解Bootstrap的笔记要点如下：入门准备 CSS栅格系统：了解并掌握Bootstrap的栅格系统，这是其布局的核心。 基础布局组件：熟悉排版、代码、表格、按钮、表单等基础组件的使用。 jQuery：由于Bootstrap的许多交互功能依赖于jQuery，因此需要了解并掌握jQuery的基本用法。

2、Bootstrap开关控件学习笔记：插件简介：bootstrapswitch插件：是一个针对Bootstrap实现的开关按钮控件，支持尺寸、颜色等属性的自定义。在国外非常流行，尤其在手机等移动设备上应用广泛。功能说明：支持checkbox与radio表单的开关式按钮效果。点击按钮可以以滑动的方式进行on/off切换。

3、学习Bootstrap前，建议先掌握HTML与CSS基础、开发环境准备方法，并可选学习JavaScript基础。

4、在中介效应分析中，Bootstrap方法常用于估计中介效应的置信区间和显著性水平。通过生成大量的Bootstrap样本，计算每个样本的中介效应值，然后对这些值进行排序，可以得到中介效应的置信区间。如果置信区间不包含零，则表明中介效应显著。

5、它避免了从拉格朗日函数出发计算费曼图和散射振幅的繁琐过程，更加突显了理论的规范对称性。想要深入理解Bootstrap方法的核心思想，一个简单的办法就是从学习最基础的二维共形场论开始。通过这一过程，你可以亲身体验到Bootstrap方法如何通过基本性质，自我构建出复杂物理现象的描述。

Tana对比Roam

Tana相对于Roam在某些方面具有优势，而在其他方面则略有不足。以下是对Tana和Roam的详细对比：概述 Tana结合了Roam与Notion的优点，既有双链、大纲，又有数据库属性。Roam主要的目标是管理知识，而Tana想要管理的是第二大脑中的所有东西，知识管理只是其中一小部分。

Tana，作为一款处于测试阶段的新概念笔记应用，以其“节点标签”为核心理念，旨在为用户提供一种组织身边事物的高效方式。对于那些偏好条理化管理的用户来说，Tana无疑具有极高的吸引力。

CSS新手入门笔记整理:CSS溢出声名overflow

CSS新手入门笔记整理：CSS溢出声明overflowCSS中的overflow属性用于处理盒子内容超出其边框的情况，主要有以下几种取值：overflow： visible 内容不会被剪裁：即使内容超出了盒子的边界，也会正常显示。默认值：CSS中未显式设置overflow时，默认为visible。

overflow 属性基础控制内容溢出时的显示方式，常用值：visible（默认）：溢出内容不裁剪，直接显示在容器外。hidden：溢出部分隐藏，不可见。scroll：强制显示滚动条（即使未溢出）。auto：仅在内容溢出时显示滚动条。

块格式化上下文是CSS布局中的一个重要概念，它影响元素的渲染和布局规则。通过设置overflow为某个值，可以创建一个新的BFC，从而改变元素的渲染模式。依赖于overflow的其他CSS属性：如resize属性，允许用户调整元素的尺寸，其效果受overflow值影响。

.parent { max-width： 160px； white-space： nowrap； /* 阻止文本换行 */}效果：文本超出容器宽度时仍保持单行，但会溢出容器边界，可能覆盖其他元素。

通过合理设置overflow-x和overflow-y属性，可针对不同场景优化盒子内容的显示效果，提升布局美观性与用户体验。 具体优化策略如下：属性核心作用与可选值overflow-x：控制内容在水平方向的溢出行为，适用于宽度超出容器边界的情况（如长表格、代码块）。