编写 HTML 是为网页内容打上能够描述它们的

标签。HTML 有一套预先定义好的

元素。HTML 元素描述的

是内容是什么，而非看起来是什么样。

明网2015-03-28 08:04:00

url:http://jlrbszb.chinajilin.com.cn/html/2015-03/28/content_155736.htm?div=-1,id:0 中国画艺术能在有限的形式内容中纳如无限的内容，即运用布白作为手段，运用有形的实“黑”和无限的虚“白”构成完整的世界。空白能为欣赏者提供丰富的想象，使作品更具深度、格调。“计白当黑”是创造山水画意境的重要手段。老庄哲学直接影响了中国画的审美追求和价值取向，并由此形成虚实相生、空以致美等艺术形式。

为什么要谈山水画中的留白呢？因为山水画与“道”关系最密切。汉武帝时罢黜百家，独尊儒术，绘画担负着“成教化、助人伦”的作用，人物画首当其冲；魏晋南北朝间，“自然”“无为”“清净”“虚淡”的老庄思想适应人们的思想需求，大自然中的山水泉石，又非常符合老庄清净自然的哲理，所以当时的名士都“登山临水，竟日忘归”，山水画渐渐从人物画的背景当中独立出来。此时宗炳的《画山水序》中将山水画和圣人之道联系起来，他说画山水，是要调动一种最好的形式去体现和学习圣人之道。借助道家的思想将绘画的主要对象转向山水，文人士大夫大量加入绘画队伍，打破了汉以前士大夫阶层中无人从事绘画工作，把“艺”作为“技”看待的局面，实际上提高了绘画的社会地位。同一时期的王微又把画的地位提高到和圣人经典同体的地步。山水画一直和老庄之道联系密切，乃至于就把画作道看待。有所谓的画道、书道，而说画是道，主要指的也是山水画。

中国画发展到唐及唐以后，山水画占主流地位。开始于吴道子，纯用墨线，打破了山水画中精雕细刻的青绿形式。其后由王维、张藻等人使其成熟，水墨山水画成为山水画的主流。由于这种水墨形式更符合老庄之道与文人的心境，至此成为几千年来中国山水画的优秀传统。

山水画中的留白不是无意义无语言的，而是有意义的，是有空间的。中国画的美学观是以中国传统哲学思想为基础的。可以说，中国山水画的意境，其实就是老庄之“道”在山水画中的一种表现形式，它影响了山水画艺术积极利用空白而创建有无相生的灵动的空间，看似空无一物，却有灵气往来。

“有无相生”的辨证关系。老子说“三十辐共一毂，当其无，有车之用。诞埴以为器，当其无，有器之用。凿户煽以为室，当其无，有室之用。故有之以为利，无之以为用。”他列举了车轱辘的圆孔、陶器的中空以及窗户分别在车、陶器、房屋中具有重要作用的例子，以此来说明有形的地方只是为了实现目的而设置的便利而已，而真正起作用的地方正是它空无的地方。不仅说明了“无”之为“妙”，而且还进一步讲只有“无”与“有”相配合才能有用处。这种观点在国画中的运用，便成为国画体现民族文化和“空白”的哲学思想渊源。

庄子的“心斋”和“坐忘”观念。庄子哲学讨论的是关于自由还有自由与审美之间关系的问题。实现自由和审美有个前提条件，就是“虚静”，既“心斋”和“坐忘”。“心斋”就是说要抛除心中的尘俗之气，用纯净的心理空间去创造，去审美，也就像宗炳说的“体道”。艺术的最高追求是对意境的完美营造，实质也是对精神自由的追求，追求能逍遥游的境界。怀有一种虚静的心态，有利于灵感的出现，画面中的空白及实象的完美结合为诱发想象提供了活动的舞台，那么只有画面中的虚实相生才能达到这样一种境界。

《易经》的基本精神。“一阴一阳之谓道”、“生生之谓易”。它是我们中国人对生命的一种感悟，在这种精神的影响下，中国人觉得宇宙是一个阴阳交合、气化流行、生生不息的世界。它有规律、有条理、有秩序。而山水画中要想表现出更大的天地、宇宙，“空白”恰恰是最好的办法，它同样是气息流通的，与实象阴阳开合，互相作用，产生节奏，产生气韵，使画面更生动，更有活力。

太极图与老子的“知白守黑”观点的契合。“知白守黑”出于《老子》：“知其白，守其黑，为天下式。”。原意本来是用黑白来比喻事理，最开始的时候并不是用来分析绘画关系的，但是道理是一样的。太极图是阴阳互抱的两条阴阳鱼，阴阳中又有两个小圆圈，也代表着阴阳，黑白围绕一个圆心回转不息。黑者为阴，白者为阳。这一黑一白相互动和依存，借助对方的形态来衬托自己，如果一方有变化，另一方也会随之变化。这是一种虚实相生、相反相成的运动图式。由于s形的引导，观者的视线游移于黑白两极之间，轮转不息，可以说太极图是一个具有强烈视觉美感的古典图形。运用到画面中就是说要知道空白起着虚的作用，才能布置好画面黑的实处。白是计划之白，策略之白，黑与白应像太极图一样阴阳互抱，考虑到黑的形的同时也要考虑到白在画面中的形与作用，黑与白是互相依存的关系，二者缺一不可。

不同的哲学背景导致不同的艺术追求。西方艺术的哲学基础是崇尚科学、写实的希腊哲学，他们更加重视客观真实的形体，绘画注重写实；而中国艺术背后的哲学是一种生命哲学，整个宇宙都是生生不息的，天、地、人之间的精神相互融合。所以，中国艺术家更注重“传神”，注重主观上的，精神层面的东西，更多的是表达出一种心境。

在繁复纷杂、五彩缤纷的世界中，有色彩斑斓的西画，素朴但充满奥妙的中国画，色彩丰富了世界，黑白更能发觉出事物的本质，我们在喧嚣中体验洋溢的热情，也更需要在内心寻求一份清净。中国画有着几千年的文化积淀与传统思想的传承，我们要将其好好地发扬下去。

（作者单位：吉林师范大学）

. 在中大项目编写 CSS 的普遍问题

• 高耦合——改样式的时候，会同时影响其他地方的样式，导致意外的样式问题
• 低复用——重复编写相同的样式，即枯燥乏味又导致 CSS 体积过大，从而影响开发体验与页面加载体验

2.CSS 模块化能解决哪些问题

样式复用、按需加载、局部作用局

3. CSS 模块化解决方案

原理基本：基本上目前所有的解决方案，都是通过控制样式权重、定义全局唯一的样式名称，来达到模块化、控制作用局的效果

3.1 官方方案

大家都知道一个页面中的 CSS 样式的作用范围是全局的，这同时是它的优点与缺点，其样式覆盖规则是根据标签样式继承规则、样式选择器权重、样式定义顺序等来决定最终展示的样式，而 CSS 官方没有给出控制 CSS 作用域的解决方案。

在前端发展的早期，我们写 CSS 的进化过程大致如下：

1. style属性：最原始的时候，直接将样式通过 style 属性的方式写入标签，大量的样式充斥在 HTML 中，导致 HTML 标签与样式难以维护
2. <style>标签：后来,为了保持 HTML 的简洁，将 CSS 统一写在 <style> 标签里，但无法复用样式、无法缓存样式
3. <link>标签：然后,将样式写在 .css 文件中，通过 <link> 标签来引入 .css 文件，但没有解决 CSS 作用域问题
4. @import语法：最后, @import 语法解决了更细粒度的复用问题，可以在一个 .css 文件中通过 @import 引入多个 .css 文件，但加载速度较慢，且仍未解决 CSS 作用域问题

3.2 约定式方案

该类方案主要有这几种：BEM、OOCSS、MCSS、AMCSS、SMACSS、Atomic CSS、ITCSS、SUITCSS

这类方案的基本思想：

• 通过约定来规范CSS的命名，以解决命名冲突问题
• 通过提供或推荐分层设计好的CSS代码，来达到样式复用的目的

典型实现方式：引入实现 Atomic CSS 思想的 Tailwind CSS 框架

3.3 工具式方案

Scoped CSS

原理：通过在编译时给每个样式定义处加上全局唯一的属性选择器，并在样式使用的地方加上同样的属性名，来达到模块化CSS局部作用域的效果
优点：上手简单
缺点：由于属性选择器的权重不够高，导致外部样式依然能够影响其vue组件内样式，因此局部作用域的效果不够彻底
典型实现方式：在 Vue 组件中 <style> 标签上添加 Scoped 属性

CSS Modules

原理：通过在编译时直接将每个样式名替换成全局唯一的名称，来达到模块化 CSS 局部作用域的效果
优点：CSS Modules 能最大化地结合现有 CSS 生态 (预处理器/后处理器等) 和 JS 模块化能力
缺点：与组件库难以配合
典型实现方式：在 Webpack 的 css-loader 中启用 CSS Modules

CSS in JS

原理：与 CSS Modules 相似，通过在编译时直接将每个样式名替换成全局唯一的名称，来达到模块化 CSS 局部作用域的效果
优点：通过将业务相关的 HTML、CSS、JS 代码写在一起，以便后期维护与移植；充分利用 JS 的编程能力来实现复杂的样式动态效果
缺点：需要一些学习成本；代码复杂度增高；不能利用成熟的 CSS 预处理器（或后处理器）；无法方便地使用伪类，媒体查询等
典型实现方式：引入 styled-components 插件