編寫 HTML 是為網(wǎng)頁內(nèi)容打上能夠描述它們的

標(biāo)簽。HTML 有一套預(yù)先定義好的

元素。HTML 元素描述的

是內(nèi)容是什么，而非看起來是什么樣。

明網(wǎng)2015-03-28 08:04:00

url:http://jlrbszb.chinajilin.com.cn/html/2015-03/28/content_155736.htm?div=-1,id:0 中國畫藝術(shù)能在有限的形式內(nèi)容中納如無限的內(nèi)容，即運用布白作為手段，運用有形的實“黑”和無限的虛“白”構(gòu)成完整的世界?？瞻啄転樾蕾p者提供豐富的想象，使作品更具深度、格調(diào)?！坝嫲桩?dāng)黑”是創(chuàng)造山水畫意境的重要手段。老莊哲學(xué)直接影響了中國畫的審美追求和價值取向，并由此形成虛實相生、空以致美等藝術(shù)形式。

為什么要談山水畫中的留白呢？因為山水畫與“道”關(guān)系最密切。漢武帝時罷黜百家，獨尊儒術(shù)，繪畫擔(dān)負(fù)著“成教化、助人倫”的作用，人物畫首當(dāng)其沖；魏晉南北朝間，“自然”“無為”“清凈”“虛淡”的老莊思想適應(yīng)人們的思想需求，大自然中的山水泉石，又非常符合老莊清凈自然的哲理，所以當(dāng)時的名士都“登山臨水，竟日忘歸”，山水畫漸漸從人物畫的背景當(dāng)中獨立出來。此時宗炳的《畫山水序》中將山水畫和圣人之道聯(lián)系起來，他說畫山水，是要調(diào)動一種最好的形式去體現(xiàn)和學(xué)習(xí)圣人之道。借助道家的思想將繪畫的主要對象轉(zhuǎn)向山水，文人士大夫大量加入繪畫隊伍，打破了漢以前士大夫階層中無人從事繪畫工作，把“藝”作為“技”看待的局面，實際上提高了繪畫的社會地位。同一時期的王微又把畫的地位提高到和圣人經(jīng)典同體的地步。山水畫一直和老莊之道聯(lián)系密切，乃至于就把畫作道看待。有所謂的畫道、書道，而說畫是道，主要指的也是山水畫。

中國畫發(fā)展到唐及唐以后，山水畫占主流地位。開始于吳道子，純用墨線，打破了山水畫中精雕細(xì)刻的青綠形式。其后由王維、張藻等人使其成熟，水墨山水畫成為山水畫的主流。由于這種水墨形式更符合老莊之道與文人的心境，至此成為幾千年來中國山水畫的優(yōu)秀傳統(tǒng)。

山水畫中的留白不是無意義無語言的，而是有意義的，是有空間的。中國畫的美學(xué)觀是以中國傳統(tǒng)哲學(xué)思想為基礎(chǔ)的?？梢哉f，中國山水畫的意境，其實就是老莊之“道”在山水畫中的一種表現(xiàn)形式，它影響了山水畫藝術(shù)積極利用空白而創(chuàng)建有無相生的靈動的空間，看似空無一物，卻有靈氣往來。

“有無相生”的辨證關(guān)系。老子說“三十輻共一轂，當(dāng)其無，有車之用。誕埴以為器，當(dāng)其無，有器之用。鑿戶煽以為室，當(dāng)其無，有室之用。故有之以為利，無之以為用。”他列舉了車轱轆的圓孔、陶器的中空以及窗戶分別在車、陶器、房屋中具有重要作用的例子，以此來說明有形的地方只是為了實現(xiàn)目的而設(shè)置的便利而已，而真正起作用的地方正是它空無的地方。不僅說明了“無”之為“妙”，而且還進(jìn)一步講只有“無”與“有”相配合才能有用處。這種觀點在國畫中的運用，便成為國畫體現(xiàn)民族文化和“空白”的哲學(xué)思想淵源。

莊子的“心齋”和“坐忘”觀念。莊子哲學(xué)討論的是關(guān)于自由還有自由與審美之間關(guān)系的問題。實現(xiàn)自由和審美有個前提條件，就是“虛靜”，既“心齋”和“坐忘”。“心齋”就是說要拋除心中的塵俗之氣，用純凈的心理空間去創(chuàng)造，去審美，也就像宗炳說的“體道”。藝術(shù)的最高追求是對意境的完美營造，實質(zhì)也是對精神自由的追求，追求能逍遙游的境界。懷有一種虛靜的心態(tài)，有利于靈感的出現(xiàn)，畫面中的空白及實象的完美結(jié)合為誘發(fā)想象提供了活動的舞臺，那么只有畫面中的虛實相生才能達(dá)到這樣一種境界。

《易經(jīng)》的基本精神?！耙魂幰魂栔^道”、“生生之謂易”。它是我們中國人對生命的一種感悟，在這種精神的影響下，中國人覺得宇宙是一個陰陽交合、氣化流行、生生不息的世界。它有規(guī)律、有條理、有秩序。而山水畫中要想表現(xiàn)出更大的天地、宇宙，“空白”恰恰是最好的辦法，它同樣是氣息流通的，與實象陰陽開合，互相作用，產(chǎn)生節(jié)奏，產(chǎn)生氣韻，使畫面更生動，更有活力。

太極圖與老子的“知白守黑”觀點的契合。“知白守黑”出于《老子》：“知其白，守其黑，為天下式?！?。原意本來是用黑白來比喻事理，最開始的時候并不是用來分析繪畫關(guān)系的，但是道理是一樣的。太極圖是陰陽互抱的兩條陰陽魚，陰陽中又有兩個小圓圈，也代表著陰陽，黑白圍繞一個圓心回轉(zhuǎn)不息。黑者為陰，白者為陽。這一黑一白相互動和依存，借助對方的形態(tài)來襯托自己，如果一方有變化，另一方也會隨之變化。這是一種虛實相生、相反相成的運動圖式。由于s形的引導(dǎo)，觀者的視線游移于黑白兩極之間，輪轉(zhuǎn)不息，可以說太極圖是一個具有強(qiáng)烈視覺美感的古典圖形。運用到畫面中就是說要知道空白起著虛的作用，才能布置好畫面黑的實處。白是計劃之白，策略之白，黑與白應(yīng)像太極圖一樣陰陽互抱，考慮到黑的形的同時也要考慮到白在畫面中的形與作用，黑與白是互相依存的關(guān)系，二者缺一不可。

不同的哲學(xué)背景導(dǎo)致不同的藝術(shù)追求。西方藝術(shù)的哲學(xué)基礎(chǔ)是崇尚科學(xué)、寫實的希臘哲學(xué)，他們更加重視客觀真實的形體，繪畫注重寫實；而中國藝術(shù)背后的哲學(xué)是一種生命哲學(xué)，整個宇宙都是生生不息的，天、地、人之間的精神相互融合。所以，中國藝術(shù)家更注重“傳神”，注重主觀上的，精神層面的東西，更多的是表達(dá)出一種心境。

在繁復(fù)紛雜、五彩繽紛的世界中，有色彩斑斕的西畫，素樸但充滿奧妙的中國畫，色彩豐富了世界，黑白更能發(fā)覺出事物的本質(zhì)，我們在喧囂中體驗洋溢的熱情，也更需要在內(nèi)心尋求一份清凈。中國畫有著幾千年的文化積淀與傳統(tǒng)思想的傳承，我們要將其好好地發(fā)揚(yáng)下去。

（作者單位：吉林師范大學(xué)）

. 在中大項目編寫 CSS 的普遍問題

• 高耦合——改樣式的時候，會同時影響其他地方的樣式，導(dǎo)致意外的樣式問題
• 低復(fù)用——重復(fù)編寫相同的樣式，即枯燥乏味又導(dǎo)致 CSS 體積過大，從而影響開發(fā)體驗與頁面加載體驗

2.CSS 模塊化能解決哪些問題

樣式復(fù)用、按需加載、局部作用局

3. CSS 模塊化解決方案

原理基本：基本上目前所有的解決方案，都是通過控制樣式權(quán)重、定義全局唯一的樣式名稱，來達(dá)到模塊化、控制作用局的效果

3.1 官方方案

大家都知道一個頁面中的 CSS 樣式的作用范圍是全局的，這同時是它的優(yōu)點與缺點，其樣式覆蓋規(guī)則是根據(jù)標(biāo)簽樣式繼承規(guī)則、樣式選擇器權(quán)重、樣式定義順序等來決定最終展示的樣式，而 CSS 官方?jīng)]有給出控制 CSS 作用域的解決方案。

在前端發(fā)展的早期，我們寫 CSS 的進(jìn)化過程大致如下：

1. style屬性：最原始的時候，直接將樣式通過 style 屬性的方式寫入標(biāo)簽，大量的樣式充斥在 HTML 中，導(dǎo)致 HTML 標(biāo)簽與樣式難以維護(hù)
2. <style>標(biāo)簽：后來,為了保持 HTML 的簡潔，將 CSS 統(tǒng)一寫在 <style> 標(biāo)簽里，但無法復(fù)用樣式、無法緩存樣式
3. <link>標(biāo)簽：然后,將樣式寫在 .css 文件中，通過 <link> 標(biāo)簽來引入 .css 文件，但沒有解決 CSS 作用域問題
4. @import語法：最后, @import 語法解決了更細(xì)粒度的復(fù)用問題，可以在一個 .css 文件中通過 @import 引入多個 .css 文件，但加載速度較慢，且仍未解決 CSS 作用域問題

3.2 約定式方案

該類方案主要有這幾種：BEM、OOCSS、MCSS、AMCSS、SMACSS、Atomic CSS、ITCSS、SUITCSS

這類方案的基本思想：

• 通過約定來規(guī)范CSS的命名，以解決命名沖突問題
• 通過提供或推薦分層設(shè)計好的CSS代碼，來達(dá)到樣式復(fù)用的目的

典型實現(xiàn)方式：引入實現(xiàn) Atomic CSS 思想的 Tailwind CSS 框架

3.3 工具式方案

Scoped CSS

原理：通過在編譯時給每個樣式定義處加上全局唯一的屬性選擇器，并在樣式使用的地方加上同樣的屬性名，來達(dá)到模塊化CSS局部作用域的效果
優(yōu)點：上手簡單
缺點：由于屬性選擇器的權(quán)重不夠高，導(dǎo)致外部樣式依然能夠影響其vue組件內(nèi)樣式，因此局部作用域的效果不夠徹底
典型實現(xiàn)方式：在 Vue 組件中 <style> 標(biāo)簽上添加 Scoped 屬性

CSS Modules

原理：通過在編譯時直接將每個樣式名替換成全局唯一的名稱，來達(dá)到模塊化 CSS 局部作用域的效果
優(yōu)點：CSS Modules 能最大化地結(jié)合現(xiàn)有 CSS 生態(tài) (預(yù)處理器/后處理器等) 和 JS 模塊化能力
缺點：與組件庫難以配合
典型實現(xiàn)方式：在 Webpack 的 css-loader 中啟用 CSS Modules

CSS in JS

原理：與 CSS Modules 相似，通過在編譯時直接將每個樣式名替換成全局唯一的名稱，來達(dá)到模塊化 CSS 局部作用域的效果
優(yōu)點：通過將業(yè)務(wù)相關(guān)的 HTML、CSS、JS 代碼寫在一起，以便后期維護(hù)與移植；充分利用 JS 的編程能力來實現(xiàn)復(fù)雜的樣式動態(tài)效果
缺點：需要一些學(xué)習(xí)成本；代碼復(fù)雜度增高；不能利用成熟的 CSS 預(yù)處理器（或后處理器）；無法方便地使用偽類，媒體查詢等
典型實現(xiàn)方式：引入 styled-components 插件