Less css框架1.3

  • w8_194996
    了解作者
  • 64KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-17 07:10
    上传日期
Less,一种 动态 样式 语言. LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。 极大的减少了构建样式表的工作量。 本文件于2012/4/12下载于LESS中文官方网站,版本号1.3, 文件包括less.min.1.3.js,less中文官方网站页面全部保存的副本。
LESS.zip
  • LESS « 一种动态样式语言 - LESS中国官网_files
  • less.js
    33.1KB
  • tongji.gif
    43B
  • css.css
    275B
  • tongji.js
    12.5KB
  • download-button.png
    11.4KB
  • forkme_left_red_aa0000.png
    8KB
  • hiless.js
    2.8KB
  • less-1.3.0.min.js
    46KB
  • LESS « 一种动态样式语言 - LESS中国官网.htm
    52.2KB
内容介绍
<!DOCTYPE html> <html><head> <link rel="stylesheet/less" type="text/css" href="http://www.lesscss.net/less/main.less"> <script src="LESS%20%C2%AB%20%E4%B8%80%E7%A7%8D%E5%8A%A8%E6%80%81%E6%A0%B7%E5%BC%8F%E8%AF%AD%E8%A8%80%20-%20LESS%E4%B8%AD%E5%9B%BD%E5%AE%98%E7%BD%91_files/less.js" type="text/javascript"></script><style id="less:less-main" media="screen" type="text/css">html { margin: 0; } body { background-color: #262626; margin: 0 auto; font-family: Arial, sans-serif; font-size: 100%; overflow-x: hidden; } nav, header, footer, section, article { display: block; } a { color: #b83000; } h1 a { color: black; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4 { margin: 0; font-weight: normal; } ul, li { list-style-type: none; } code { font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', Courier, monospace !important; } code .string, code .regexp { color: #3d575c; } code .keyword { font-weight: bold; } code .comment { color: rgba(0, 0, 0, 0.5); } code .number { color: #143352; } code .class, code .special { color: rgba(0, 50, 100, 0.8); } pre { padding: 0 30px; text-wrap: wrap; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } blockquote { font-style: italic; } body > footer { text-align: left; margin-left: 10px; font-style: italic; font-size: 18px; color: #888; } #logo { margin-top: 30px; margin-bottom: 30px; display: block; width: 199px; height: 81px; background: url(http://www.lesscss.net/less/../images/logo.png) no-repeat; } nav { margin-left: 15px; } nav a, #dropdown li { display: inline-block; color: white; line-height: 42px; margin: 0; padding: 0px 15px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); text-decoration: none; border: 2px solid transparent; border-width: 0 2px; } nav a:hover, #dropdown li:hover { border: 2px solid #140805; border-left-color: #3d170f; border-right-color: #3d170f; border-bottom: 0; border-top: 0; background-color: #521f14; text-decoration: none; } .dark-red { border: 2px solid #140805; border-left-color: #3d170f; border-right-color: #3d170f; border-bottom: 0; border-top: 0; background-color: #521f14; } .content { margin: 0 auto; width: 980px; } #menu { position: absolute; width: 100%; z-index: 3; clear: both; display: block; background-color: #143352; height: 42px; border-top: 2px solid rgba(92, 153, 214, 0.5); border-bottom: 2px solid rgba(15, 38, 61, 0.5); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 0 #000; } #menu.docked { background-color: rgba(41, 102, 163, 0.4); } #menu:hover { background-color: #143352; } #menu #dropdown { margin: 0 0 0 117px; padding: 0; padding-top: 5px; display: none; width: 190px; border-top: 2px solid #7a2e1f; color: #eaf2d9; border: 2px solid #140805; border-left-color: #3d170f; border-right-color: #3d170f; border-top-width: 0; background-color: #521f14; border-top-right-radius: 0; border-top-left-radius: 0; -moz-border-top-right-radius: 0; -moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5); } #menu #dropdown ul { padding: 0px; } #menu #dropdown li { font-size: 14px; display: block; text-align: left; padding: 0; border: 0; } #menu #dropdown li a { display: block; padding: 0px 15px; text-decoration: none; color: white; } #menu #dropdown li a:hover { background-color: #3d170f; text-decoration: none; } #main { margin: 0 auto; width: 100%; background-color: #79c3d2; border-top: 8px solid #66bbcc; } #main #intro { background-color: #d9eef2; float: left; margin-top: -8px; margin-right: 5px; height: 380px; position: relative; z-index: 2; font-family: 'Droid Serif', 'Georgia'; width: 395px; padding: 45px 20px 23px 30px; border: 2px dashed #53b2c6; box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.5); border-bottom: 0; border-top: 0; } #main #intro #download { color: transparent; border: 0; float: left; display: inline-block; margin: 15px 0 15px -5px; } #main #intro #download img { display: inline-block; } #main #intro #download-info { color: #476685; display: inline; float: left; margin: 36px 0 0 15px; } #main #intro #download-info code { font-size: 13px; } #main h2 { color: #143352; margin: 20px 0; font-size: 24px; line-height: 1.2em; } #main h2 span { color: #7a2e1f; } #main h3 { color: #143352; line-height: 1.4em; margin: 30px 0 15px 0; font-size: 1em; text-shadow: 0px 0px 0px #e6ebe0; } #main h3 span { color: #7a2e1f; } #main #example { float: right; font-size: 12px; margin: 0; margin-top: 15px; padding: 0; width: 500px; } #main #example p { font-size: 18px; color: #143352; font-weight: bold; text-shadow: 0px 1px 1px #e6ebe0; } #main #example pre { margin: 0; text-shadow: 0 -1px 1px #262626; margin-top: 20px; background-color: #262626; border: 0; width: 450px; color: #ebefe7; background-repeat: repeat; padding: 15px; border: 1px dashed #e6ebe0; line-height: 15px; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.5); font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', Courier, monospace !important; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #main #example pre code .attribute { color: #d9bf8c; } #main #example pre code .variable { color: #738c73; } #main #example pre code .element { color: #669991; } #main #example pre code .string, #main #example pre .regexp { color: #bcd279; } #main #example pre code .class { color: #c2a770; font-weight: normal; } #main #example pre code .id { color: #c2b470; font-weight: normal; } #main #example pre code .comment { color: rgba(255, 255, 255, 0.2); } #main #example pre code .number, #main #example pre .color { color: #b35e4d; } #main #example pre code .class, #main #example pre code .mixin, #main #example pre .special { color: #669199; } #main #example pre #time { color: #aaaaaa; } .page { margin: 0 auto; font-family: 'Georgia', serif; font-size: 18px; line-height: 26px; padding: 0 60px; } .page .content { width: 870px; padding: 45px; } .page code { font-size: 16px; } .page pre { border-width: 1px; border-style: dashed; padding: 15px; margin: 15px 0; } .page h1 { text-align: left; font-size: 40px; margin-top: 15px; margin-bottom: 35px; } .page p + h1 { margin-top: 60px; } .page h2, .page h3 { margin: 30px 0 15px 0; } .page p + h2, .page pre + h2, .page code + h2 { border-top: 6px solid rgba(255, 255, 255, 0.1); padding-top: 30px; } .page h3 { margin: 15px 0; } #docs { border-top: 2px solid #9fd5df; color: #143352; background-color: #79c3d2; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); } #docs h1 { font
评论
    相关推荐
    • webkit资源
      webkit介绍文档,便于研究webkit人员对于webkit的由浅入深的研究,有很大帮助
    • Webkit研究报告
      Webkit研究报告.详细讲解webkit源码实现原理,类的结构。。。
    • webkit分析报告2
      WebKit 是一个开源浏览器网页排版引擎,与之相应的引擎有Gecko(Mozilla Firefox 等使用的排版引擎)和Trident(也称为MSHTML,IE 使用的排版引擎)。同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,主要用于...
    • webkit落叶效果.可以在FireFox、Chrome、傲游、搜狗完美显示
      webkit落叶效果.可以在FireFox、Chrome、傲游、搜狗完美显示
    • WebKit分析报告
      侯炯写的《WebKit分析报告1、2》是研究WebKit很好的资料。
    • SFX.js:(已弃用)加入 Firefox Media API 或 Webkit Audio API 以实现跨浏览器支持的 A
      因为 Firefox Media API 和 Webkit Audio API 已经开发,而 SFX.js 没有,所以它可能不再工作。 ##音效API SFX API 背后的想法是创建一个简单易用的库,用于使用 Firefox Media API 或 Webkit Audio API。 该程序...
    • Playwright是一个Python库,可通过单个API自动化Chromium,FirefoxWebKit浏览器-Pytho
      Python API参考Playwright是一个Python库,可通过单个API自动执行Chromium,FirefoxWebKit浏览器。 Playwright提供的自动化技术是绿色的,有能力的,可靠的和快速的。 看看Playwright如何更好。 Linux macOS ...
    • android webkit 分析
      我个人认为是一个比较好的webkit文档,所以拿来给大家共享.
    • webkit研究报告
      WebKit 的前身是 KDE 小组的 KHTML。Apple将 KHTML 发扬光大,推出了装备 KHTML 改进型的 WebKit 引擎的浏览器 Safari,获得了非常好的反响。 相信大家读完《WebKit分析报告》对浏览器的现状和发展有了一定的了解,...
    • WebKit研究报告
      WebKit 是一个开源浏览器网页排版引擎,与之相应的引擎有Gecko(Mozilla Firefox 等使用的排版引擎)和Trident(也称为MSHTML,IE 使用的排版引擎)。同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,主要用于...