在html中导入less文件后怎样使用?

在html中导入less文件后怎样使用?,第1张

既然你的文件类型是.less的,那么你在引用的时候type的类型也应该是less的

如:

<link rel="stylesheet/less" type="text/css" href='/less/main.less'/>

<scriptsrc="/js/less-1.6.0.min.js"type="text/javascript"></script>

<script>less.watch()</script>

HTML

文本标记语言,标准通用标记语言下的一个应用。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

语言特点:

简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

在浏览器中使用less.js开发是很好的,但不推荐用于生产环境中。浏览器端使用是在使用LESS开发时最直观的一种方式。如果是在生产环境中,尤其是对性能要求比较高的场合,建议使用node或者其它第三方工具先编译成CSS再上线使用。

注意:

确保包涵.less样式表在less.js脚本之前

当你引入多个.less样式表时,它们都是独立编译的。所以,在每个文件中定义的变量、混合、命名空间都不会被其它的文件共享。

必须通过服务器环境访问页面,否则报错

浏览器选项:

你可以引入<script

src="less.js"></script>之前通过创建一个全局less对象的方式来指定参数!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7556595.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存