自定義指令otherRender，寫在項目公共的js中。這裏我先將所有的類對應的顏色類和圖標定義好。css樣式是根據需求自定義的word-spacing，單詞間距，瀏覽器是根據空格判斷的，有空格就認為有詞。

hello後的空格，http://www.ukmtey.com/ 後加上字距letter-spacing(藍色)，再加上 單詞間距（粉紅色塊20） 才是真正的距離。

optional翻譯成漢語具有"可選的"的意思。顧名思義，!optional標記前面的擴展不必須生成一個新的選擇器。看一段SCSS代碼片段：

有一種應用場景很適合使用這兩種偽元素選擇器，當需要對列表動態的生成復雜的編號規則時，可以結合 :before 和 counter() 使用。在 CSS 中也是可以使用一些內置的方法功能。
偽類選擇器
當不是通過 HTML 文檔中元素的一些基本性質，比如 id，class，標簽名，屬性這些基本特征來匹配這些元素時，就可以稱作偽類選擇器。

偽類選擇器是通過滿足一些指定狀態、行為下來匹配元素的一種選擇器，比如滿足是否獲取焦點等等。

以上定位都可以使用top,left,right,bottom來進行移動。z-index:此屬性是用來聲明元素的顯示級別的。

利用CSS定位可以寫出關於任何網頁界面的簡單分塊，利用之前學習的html相關知識可以實現部分功能。

js代碼在客戶端執行前，瀏覽器會給這個js一個全局環境，這個全局環境

分兩個部分。

一個是內存模塊，一個是執行模塊，內存模塊找到當前作用域下所有帶var和function的關鍵字，var 進行變量聲明，function 聲明定義。

註意：但是在IE6及以下的瀏覽器中並不支持BFC，所以使用這種方式不能兼容IE6。在IE6中雖然沒有BFC，但是具有另一個隱含的屬性叫做hasLayout，該屬性的作用和BFC類似，所在IE6瀏覽器可以通過開hasLayout來解決該問題，開啟方式很多，我們直接使用一種副作用最小的：直接將元素的zoom設置為1即可

為 div > a 元素的文字設置大小和字體並居中顯示（垂直居中可以將 line-height 設為 div 高度相同）。

為文字添加陰影，將整個 div 旋轉 -45 度。

這是在做布局時的一個經典問題。http://www.nkysut.com/ 那這個問題是怎麽產生的呢？主要是合並margin的問題，紅色層（子層）的margin-top與黃色層（父層）相合並，產生了共同的margin-top。其實合並margin還有其他的形式，比如說：

下面的鏈接是我使用的稍作修改的.js文件，同樣的，大家可以自行修改，將文件上傳到博客園，再復制URL。

align-self 允許單個項目與其他項目不一樣的對齊方式，可覆蓋align-items屬性默認值auto，表示繼承父元素的align-items，如果沒有父元素則等同於strech

那麽，outline是完美的替代品，因為它可以在不影響文檔流的情況下呈現該對象。但是IE6 和IE7 不支持 outline 屬性。所以，它不能在這兩個瀏覽器中用於調試。

塊狀元素這麽霸道都是獨占一行，如果現在我們想讓兩個塊狀元素並排顯示，怎麽辦呢？不要著急，設置元素浮動就可以實現這一願望。

任何元素在默認情況下是不能浮動的，但可以用 CSS 定義為浮動，如 div、p、table、img 等元素都可以被定義為浮動。

裏面只有true或者false;默認false，加個true後，div、p、等等非輸入標簽都是可以輸入。而且主流瀏覽器都是支持，包括IE7

letter-spacing字之間的間距問題的探討