将less文件转换成css文件

html-css017

将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文件将自动生成。

你是想把单独的CSS文件合并到HTML文件内吗？在HTML页面内直接加入CSS样式代码？

1，外联式样式表；

<head>

<link rel="stylesheet" href="/css/index.css">

</head> 

2，内嵌样式表；

<head>

<style type="text/css">

<!--

p{font:12pxcolor:red}

-->   

</style>   

</head>

3，元素内定；

<p style="color:redline-height:16px">

4，导入样式表

<head> 

<style type="text/css">   

<!-- 

@import url(css/index.css)   

--> 

</style> 

</head>

内嵌样式表和元素内定都是直接将CSS样式写在HTML页面的，纯手打，望采纳，谢谢