Less入門一 概述 我的第乙個less

2021-06-27 19:31:34 字數 793 閱讀 6113

less是一種動態的css樣式語言

less 將 css賦予了動態的語言的特性, 如變數,繼承, 運算, 函式。 less既可以在客戶端上執行(支援ie6+, webkit(chrome,safari,opera ), firefox), 也可以借助node.js或者rhino在伺服器端執行

最新版本2.1.2

從git獲取 

開始第乙個簡單的less

建立乙個less檔案 如命名為style.less的檔案

在style.less裡面寫入最簡單的**

@base: #ffffff;

.header

分析定義乙個base變數,字首使用@符號

在 class header裡面呼叫base變數

使用style.less

建立乙個html檔案 命名為less.html

再引入less.js(less.min.js)之前引入style.less  

less.html**如下

在chorme裡面執行less.html檔案 通過f12分析原始碼會發現在less檔案和 less.js檔案中間動態生成了乙個style內部樣式   

結構如下

. . . . . . 此處省略部分html** . . . . .

. . . . . . 此處省略部分html** . . . . .

好啦最簡單的less就這麼簡單執行出來了, 你是不是也很有成就感呢, 那還等什麼呢,趕緊動起來吧

第乙個入門例子

1 配置thinkphp 2 嘗試控制器和檢視 1 資料庫 在開始之前,我們首先在資料庫thinkphp中建立乙個think data資料表 以mysql資料庫為例 create table if not exists think data id int 8 unsigned not null au...

我的第乙個程式

我的第乙個vc程式終於寫完了,花了2周,之前從沒有用vc寫過程式,也沒讀過什麼程式,只是在看書,看了幾百頁 mfc windows程式設計 正好有個機會,老師讓寫個vc程式,就試著寫了。程式的功能是不同地方的access的更新的記錄整合到一台機子上的access中,支援斷網自動連線,用的是socke...

我的第乙個部落格

我是乙個有點脫離時代的年輕人,沒有iphone,不玩微博,沒有崇拜的明星,不是任何人的粉絲。前幾天我的乙個領導告訴我,應該多總結,可以開個微博,把記錄的東西時不時拿出來複習一下,慢慢就會積累出很多財富。所以我開了第乙個部落格,當然遠不如微博那麼新潮。我想感謝我的這位領導,在我的職業生涯中,他是我的領...