CSS：视觉的化妆术
层叠样式表（CSS）是网页的时装设计师，用选择器精准定位元素如同化妆刷锁定面部轮廓。盒模型（Box Model）的margin、border、padding三重奏，构成了网页布局的黄金分割法则。
响应式设计中的媒体查询（@media）堪称变形金刚，让同一套代码在手机和PC端呈现截然不同的视觉形态。Flex布局则是当代设计师的瑞士军刀，只需几行代码就能实现传统float难以企及的排版魔法。
考试中常出现特异性（Specificity）计算题，记住`!important`是，滥用会导致样式战争失控。CSS3的动画属性能让按钮获得心跳般的脉冲效果，这是吸引用户点击的隐秘武器。
JavaScript：交互的神经末梢
JS为网页植入感知系统，`document.getElementById`如同神经突触精准捕捉DOM节点。事件监听器（addEventListener）让网页获得条件反射能力，点击、悬停等动作都能触发连锁反应。
ES6的箭头函数像代码压缩饼干，用`=>`符号实现函数声明的瘦身计划。闭包（Closure）则是记忆面包，让函数记住诞生时的环境变量，即便时过境迁仍能调用旧日参数。
题库常考变量提升（Hoisting）陷阱，`let`和`const`的出现正是为了修复var的时空错乱症。异步编程中Promise对象如同交通信号灯，让回调地狱变成井然有序的立交桥。
色彩与版式：视觉催眠术
色相环上相邻的类比色创造和谐，互补色的对撞则制造视觉爆点。HSB色彩模式中，饱和度（S）如同音量旋钮，控制着颜色的尖叫程度。
栅格系统是隐形的排版脚手架，12列分割法能衍生出无数种视觉韵律。留白（Negative Space）不是空缺，而是让元素自由呼吸的氧气，适当的空白比拥挤的内容更具说服力。
考试可能要求分析著名网站的F型浏览热图，记住用户视线轨迹像沙漠中的水流，总是优先寻找信息绿洲。字体配对中，衬线与非衬线体的组合如同西装搭配运动鞋，创造优雅的叛逆。
响应式设计：变形金刚法则
移动优先（Mobile First）策略像建造折叠房，先确保小空间功能完整再扩展豪华版本。视口（viewport）meta标签是屏幕的望远镜，`width=device-width`这句咒语能让网页自动适配镜筒焦距。
流体图像（Fluid Images）采用`max-width:100%`的缩骨功，无论容器如何变化都不发生像素骨折。断点（Breakpoint）设置需要参考主流设备尺寸，就像为不同体型的客人准备弹性礼服。
题库常考媒体查询的逻辑运算符，`(min-width:768px) and (max-width:1024px)`这种条件句，如同为不同体型的客人定制裁缝尺码。
