将less文件转换成css文件

html-css012

将less文件转换成css文件,第1张

两种方式，分别为：1、手动生成；2、使用webstorm自动生成。 1、项目的文件结构 2、在less文件的根目录 Shift + 鼠标右键 + 选择‘在此处打开命令窗口’ 3、输入命令：lessc + 空格 + less文件名 如：lessc main.less 4、继续输入命令：lessc + 空格 + less文件名 + 空格 + 大于号 + 空格 + css文件名 如：lessc main.less >main.css1、File + Settings 2、Tools + File Watchers 3、点击‘确定’即可 4、当你修改less文件时，css文件将自动生成。

1.

使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。 <元件(标签) STYLE="性质(属性)1: 设定值1性质(属性)2: 设定值2...} 例如: <TD STYLE="COLOR:BLUEfont-size:9ptfont-family:"标楷体"line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。

2.

使用STYLE标签: 将样式规则写在<STYLE>...</STYLE>标签之中。 通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD></HEAD>部

楼主说的应该是更换网页皮肤吧。关键代码在这里：

<link

href="style_change/black/sty_black.css"

rel="stylesheet"

type="text/css"

id="ch_css"

/>

点击某个按钮的时候，用JS获取<link>标签的id，即获取这个<link>对象，然后通过JS更换href链接到另一个CSS样式表，达到换肤的目的。