More Related Content
Similar to Less (20)
Less
- 2. 弌丐亊 LESS 亳仆舒仄亳亠从亳亶 磶从 亳仍亠亶, 从仂仂亶 舒亰舒弍仂舒仍 Alexis Sellier 亅仂 仗仂亟从 仂从仄 亳仂亟仆仄 从仂亟仂仄. 亠于舒 于亠亳 弍仍舒 仆舒仗亳舒仆舒 仆舒 Ryby, 仂亟仆舒从仂 于 仗仂仍亠亟ﾑ亳 于亠亳 亠亠仆仂 仂从舒亰舒 仂 亳仗仂仍亰仂于舒仆亳 于 仗仂仍亰 JavaScript. 舒仍亳亟仆亶 CSS 弍亟亠 于舒仍亳亟仆仂亶 less-仗仂亞舒仄仄仂亶
- 3. 丕亟仂弍亠仆 于 亳仗仂仍亰仂于舒仆亳亳 亠亞仍仆亠 仂弍仆仂于仍亠仆亳 亳 仄仆仂亢亠于仂 亟仂从仄亠仆舒亳亳 仂亰于仂仍磳 仗亳舒 仗仂亠仆仆亶 css-从仂亟 (仂仂亶 亰舒亠仄 从仂仄仗亳仍亳亠 于 亳亶 CSS.) 亠舒仍亳亰舒亳 仗亠亠仄亠仆仆 (丐亠仗亠 仆亠 仆亠仂弍仂亟亳仄仂亳 亟亠从亳 舒亰 从仂仗亳仂于舒 仂亟亳仆 亳 仂 亢亠 舒仂从 从仂亟舒, 亟仂舒仂仆仂 舒亰 亰舒仗亳仆 亠亞仂 于 仗亠亠仄亠仆仆 亳 仗仂仂 从舒亰于舒 亠亠, 从仂亞亟舒 亠弍亠.) 丐舒从 亢亠 亟仂弍舒于仍ﾑ 仂仗亠舒亳亳, function-like 仍亠仄亠仆 亳 仗亳仄亠亳 丼 LESS 丐 乘丐亂 丐
- 4. 亟于舒 仗仂仂弍舒 亳仗仂仍亰仂于舒仆亳 LESS. 仄仂亢亠亠 仂亰亟舒 LESS 舒亶仍 亳 从仂仆于亠亳仂于舒 亠亞仂 仗亳 仗仂仄仂亳 Javascript 仆舒 仍亠 亳仍亳 从仂仄仗亳仍亳仂于舒 亠亞仂 亰舒舒仆亠亠 亳 亳仗仂仍亰仂于舒 仗仂仍亳于亳亶 CSS 舒亶仍. 弌亂丐亂 LESS
- 5. 仍 仆舒舒仍舒 仆亢仆仂 从舒舒 舒亶舒 LESS Javascript 舒亶仍 亳 仗亳于磶舒 亠亞仂 从 舒仆亳从亠 从舒从 仍ﾐ頴笑 亟亞仂亶 js 从亳仗. <script src=/slideshow/less-69364097/69364097/"less.js type="text/javascript"></script> 舒亠仄 仂亰亟舒亟亳仄 舒亶仍 舒亳亠仆亳亠仄 .less 亳 仗亳于礀亠仄 亠亞仂 仗仂仄仂 舒从仂亞仂 从仂亟舒: <link rel="stylesheet/less" type="text/css" href="style.less"> 弌亂丕 LESS JAVASCRIPT 个
- 6. 丼仂弍 仆亠 从仂仆于亠亳仂于舒 从仂亟 仗亳 从舒亢亟仂亶 亰舒亞亰从亠 舒仆亳 仄仂亢仆仂 亳仗仂仍亰仂于舒 亠亰仍亳ﾑ亳亶 CSS 舒亶仍. 仍 亠亞仂 从仂仄仗亳仍亳亳 亠于亠 仄仆仂亢亠于仂 仂仍舒亶仆 亳 仂仆仍舒亶仆 亠仂于. 丕 LESS 个
- 7. 乘 #header h1 { font-size: 26px; font-weight: bold; } #header p { font-size: 12px; } #header p a { text-decoration: none; } #header p a:hover { border-width: 1px; } LESS 亟舒 于仂亰仄仂亢仆仂 于从仍舒亟于舒 仂仗亠亟亠仍亠仆亳 于仄亠仂 仍亳弍仂 于仄亠亠 从舒从舒亟亳仂于舒仆亳亠仄. , 仆舒仗亳仄亠, 仆舒 亠 舒从仂亶 CSS: CSS 仗仂亟亟亠亢亳于舒亠 仍仂亞亳亠从仂亠 从舒从舒亟亳仂于舒仆亳亠, 仆仂 仂亟亳仆 弍仍仂从 从仂亟舒 于 亟亞仂亶 于仍仂亢亠仆 弍 仆亠 仄仂亢亠. LESS 仗仂亰于仂仍磳 于仍仂亢亳 仂亟亳仆 亠仍亠从仂 于 亟亞仂亶. 亅仂 亟亠仍舒亠 仆舒仍亠亟仂于舒仆亳亠 弍仂仍亠亠 仆仄 亳 从仂舒亳于舒亠 舒弍仍亳 亳仍亠亶. #header { h1 { font-size: 26px; font-weight: bold; } p { font-size: 12px; a { text-decoration: none; &:hover { border- width: 1px } } } }
- 8. 亠亠仄亠仆仆亠 于 LESS 舒弍仂舒ﾑ 舒从 亢亠 从舒从 于 PHP, JS 亳 于 弍仂仍亳仆于亠 亟亞亳 磶从仂于 仗仂亞舒仄仄亳仂于舒仆亳. 仄 仗亠亠仄亠仆仆仂亶 仗亠亟于舒磳 亳仄于仂仍仂仄 @. 从舒亠于亠 亰仆舒从舒 仗亳于舒亳于舒仆亳 亳仗仂仍亰亠 亟于仂亠仂亳亠 (:). @header-font: Georgia; h1, h2, h3, h4 { font-family: @header-font; } .large { font-family:@header-font; } 乘
- 9. 弍仍舒 于亳亟亳仄仂亳 仗亠亠仄亠仆仆 仂仗亳于舒亠 仄亠舒, 亞亟亠 仂仆亳 亟仂仗仆. 仍亳 于 仂仗亠亟亠仍亳亠 仗亠亠仄亠仆仆 于 舒仄仂仄 仆舒舒仍亠 LESS 舒亶仍舒, 仂 仂仆舒 弍亟亠 亟仂仗仆舒 亟仍 仍ﾐ頴笑覚 从仂亟舒 仆舒仗亳舒仆仆仂亞仂 仗仂仍亠. 丐舒从亢亠 仄仂亢仆仂 仂仗亠亟亠仍 仗亠亠仄亠仆仆 于仆亳 CSS 仗舒于亳仍舒. 仂仄 仍舒亠 仗亠亠仄亠仆仆亠 仆亠 弍亟 亟仂仗仆 于仆亠 仂亞仂 仗舒于亳仍舒, 仂仆亳 仄仂亞 弍 亳仗仂仍亰仂于舒仆 仍仂从舒仍仆仂. a { @color: #ff9900; color:@color; } button { background: @color; } 弌丐亂 弌丐 乘丱 舒仆仆亶 从仂亟 从仂仄仗亳仍亳 仂亳弍从仂亶. 丐.从. 仗亠亠仄亠仆仆舒 color 仆亠 弍亟亠 于亳亟仆舒 亟仍 button
- 10. 丶 仍舒亞仂亟舒 仂仗亠舒亳礆 仄仂亢仆仂 从仍舒亟于舒, 于亳舒, 亟亠仍亳 亳 仄仆仂亢舒 亰仆舒亠仆亳 于仂亶于 亳 于亠仂于, 仂 仄仂亢仆仂 亳仗仂仍亰仂于舒 亟仍 仂亰亟舒仆亳 仍仂亢仆 仂仆仂亠仆亳亶 仄亠亢亟 于仂亶于舒仄亳. @the-border: 1px; @base-color: #111; @red: #842210; #header { color: @base-color * 3; border-left: @the-border; border-right: @the-border * 2; } #footer { color: @base-color + #003300; border-color: desaturate(@red, 10%); } #header { color: #333; border-left: 1px; border-right: 2px; } #footer { color: #114411; border-color: #7d2717; }
- 11. 弌 亳仄亠亳 仗仂亰于仂仍ﾑ 于从仍ﾑ舒 亠仍亶 仆舒弍仂 于仂亶于 亳亰 仂亟仆仂亞仂 仆舒弍仂舒 仗舒于亳仍 于 亟亞仂亶 仗仄 于从仍ﾑ亠仆亳 亳仄亠仆亳 从仍舒舒 于 从舒亠于亠 仂亟仆仂亞仂 亳亰 于仂亶于 亟亞仂亞仂 从仍舒舒. 仆亳 舒从亢亠 仄仂亞 于亠亳 亠弍 仗仂亟仂弍仆仂 仆从亳礆, 仗亳仆亳仄舒 舒亞仄亠仆. .rounded-corners (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } #header { .rounded-corners; } #footer { .rounded-corners(10px); } #header { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #footer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
- 12. Sass, 亳 LESS 仂 仗亠仗仂亠仂 CSS, 仗仂亰于仂仍ﾑ亳亠 仗亳舒 仆亶 CSS 亳仗仂仍亰仂于舒仆亳亠仄 仗仂亞舒仄仄仆 从仂仆从亳亶 于仄亠仂 舒亳亠从亳 仗舒于亳仍. LESS 于亟仂仆仂于仍亠仆 Sass. Sass 弍仍 仗仂亠从亳仂于舒仆 亠仍 从舒从 仗仂亳, 舒从 亳 舒亳亳 CSS, 于 仗亠于 于亠亳 亳亞仆亠 从仂弍从亳 弍仍亳 亳从仍ﾑ亠仆 亳亰 亳仆舒从亳舒 (仂 亳仆舒从亳 仆舒亰于舒亠 sass). LESS 舒亰舒弍仂舒仆 亠仍 弍 从舒从 仄仂亢仆仂 弍仍亳亢亠 从 CSS, 仗仂仂仄 仆亳 亳亟亠仆亳仆亶 亳仆舒从亳. 亠亰仍舒亠 亠于ﾑ亳亠 CSS 仄仂亢仆仂 亳仗仂仍亰仂于舒 于 从舒亠于亠 LESS 从仂亟舒. 仂于亠 于亠亳亳 Sass 舒从亢亠 于从仍ﾑ舒ﾑ CSS-仗仂亟仂弍仆亶 亳仆舒从亳, 从仂仂亶 仆舒亰于舒亠 SCSS (Sassy CSS). 弌 弌 丕 丶弌弌 CSS
- 13. 弌弌