close

一、介紹:

1. 套用轉換的 java 方法:

<link rel="stylesheet/less" type="text/css" href="想轉換的LESS檔案.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script>

2. 官網: http://lesscss.org/

二、程式範例:

1. css_for_less.less檔案內容如下:

div{
      span{
          font-size:24px;
          b{
              color:red;
          }
      }
      i{
          font-size:16px;
      }
  }

2. HTML語法如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>LESS 寫 CSS樣式</title>
<meta name="description" content="888">
</head>
<link rel="stylesheet/less" type="text/css" href="css_for_less.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script>

<body>
<div id="t1">
<span>123 <b>粗體</b></span><br>
<i>斜體</i>
</div>

</body>
</html>
 

arrow
arrow
    文章標籤
    網站 CSS HTML LESS
    全站熱搜
    創作者介紹
    創作者 小甲學習地 的頭像
    小甲學習地

    學習資訊部落

    小甲學習地 發表在 痞客邦 留言(0) 人氣()