Tag: css

如何使用Windows 8编译Twitter Bootstrap 3.0

我想知道如何在Windows机器上使用Less来编译Twitter Bootstrap？ 这是我可以find的唯一的教程，但是当安装lessc（说lessc不在npmregistry）时失败。 无论如何，我并不乐观，因为它是BS2而不是3.0 我怎样才能编译引导3.0在Windows上设置较less的值？ 谢谢

停止在代码块内呈现HTML

我的问题是HTML代码标记内呈现。 在鬼博客我没有使用代码标签的问题。 除了HTML，这是实际呈现。 下面的这个例子实际上是渲染的 。 <pre><code> <div>some text</div> <input value="even this is rendered"></input> </code></pre> 如果我在内部使用4个空格，它可以正常工作。 我正在使用默认的样式布局。 看官方markdown-文档这应该是工作。 http://daringfireball.net/projects/markdown/syntax

当有两个使用variables时，node.js减less了背景属性

我有一个问题less： @frames_color: #faeacd; @menu_color_hex: #faeacd; @menu_color_rgba: rgba(250, 234 ,205 , 255); less用： .topmenu { a { background-color: @menu_color_hex; background-color: @menu_color_rgba; } } 结果在CSS： #user_field .topmenu a { background-color: #faeacd; } 和 .topmenu { a { background-color: green; background-color: @menu_color_hex; background-color: red; background-color: @menu_color_rgba; background-color: blue; } } 结果是： #user_field .topmenu a { background-color: green; background-color: […]

每次保存文档时，如何编译LESS文件？

我已经通过npm这样安装了Less $ npm install -g less 现在，每当我想将源文件编译为.css，我就运行 $ lessc styles.less styles.css 有没有办法通过命令行让我听到，当我保存文件自动编译它？

如何在angular度应用中使用SASS / SCSS

我正在尝试使用sass在angular2应用程序中构build颜色主题function。 我的header.component.scss文件是： $head-color: #f11; h1{ color: $head-color; } 我已经在根目录中创build了一个文件webpack.common.js，并在其中添加了以下内容： const webpack = require('webpack'); module.exports = { module: { loaders: [ { test: /\.scss$/, exclude: /node_modules/, loaders: ['raw-loader', 'sass-loader'] } ] } }; 我的标题以默认的黑色显示。 但是，如果我将scss文件更改为以下，则显示为红色。 h1{ color: #f11; } 所以基本上我不能给dynamicvariables赋值。 任何人有一些关于这个想法的份额。 TIA

Node / Grunt – Autoprefixer – 如何添加configuration到我的Gruntfile.js＆如何检查支持的浏览器？

我想开始使用名为autoprefixer的CSS后处理器（ https://github.com/ai/autoprefixer ）。 经过一番杂耍，我实际上得到了这个工作，这对我来说是相当了不起的，因为我是一个绝对的节点，咕噜声和terminal初学者。 在autoprefixer文档中说，可以configuration哪些浏览器支持，作为解释这行代码给出： autoprefixer("last 1 version", "> 1%", "ie 8", "ie 7").compile(css); 但是我把这个代码放在哪里？ 我试图把它粘贴到我的Gruntfile的底部而没有成功。 该文件如下所示： module.exports = function (grunt) { grunt.initConfig({ autoprefixer: { dist: { files: { 'build/style.css': 'style.css' } } }, watch: { styles: { files: ['style.css'], tasks: ['autoprefixer'] } } }); grunt.loadNpmTasks('grunt-autoprefixer'); grunt.loadNpmTasks('grunt-contrib-watch'); }; 我也试着像这样添加它： autoprefixer: { options: { browsers: ["last […]

节点js。 我如何从HTML调用本地文件

我有这个文件来运行app.js var express = require('express') var app = express(); var router = express.Router(); var path = __dirname + '/views/'; router.get("/",function(req,res){ res.sendFile(path + "index.html"); }); app.use("/",router); app.use("*",function(req,res){ res.sendFile(path + "index.html"); }); app.listen(8080,function(){ console.log("Live at Port 8080"); }); 我有“视图”文件夹内的“index.html”。 我想导入我的本地css文件“css”文件夹内。 我试图像这样调用文件 <link href="css/main.css"> 要么 <link href="../css/main.css"> 但它没有工作。 有没有什么具体的方法来得到它们？ 谢谢

在azure节点js web应用程序上找不到字体.woff 404

我在我的nodejs应用程序的控制台上显示了我的wwwroot上显示的这些字体： 我有我的css这个用法： @font-face { font-family: myFont; src: url(resources/font/Montserrat-Bold.woff) format("truetype"); font-weight: bold; } @font-face { font-family: myFont; src: url(resources/font/Montserrat-Light.woff) format("truetype"); font-weight: 300; } @font-face { font-family: myFont; src: url(resources/font/Montserrat-Regular.woff) format("truetype"); font-weight: 400; } @font-face { font-family: myFont; src: url(resources/font/Montserrat-SemiBold.woff) format("truetype"); font-weight: 500; } html, body{ font-family: myFont; font-weight: 300; } 它在本地主机上工作完美，但即时通讯从我上传的天线版本中得到这个错误。

发送html + css作为响应的简单node.js服务器

我创build了基本的http服务器，发送html文件作为响应。 我怎样才能发送的CSS文件以及使用浏览器的客户端将看到一个HTML使用CSS？ 代码我有： var http = require('http'); var fs = require('fs'); var htmlFile; fs.readFile('./AppClient.html', function(err, data) { if (err){ throw err; } htmlFile = data; }); var server = http.createServer(function (request, response) { response.writeHead(200, {"Content-Type": "text/html"}); response.end(htmlFile); }); //Listen on port 8000, IP defaults to 127.0.0.1 server.listen(8000); console.log("Server running at http://127.0.0.1:8000/"); 我曾尝试过（似乎不起作用 – 客户端只能看到css文件内容）： var […]

有没有办法在Gulp中将.css与.less合并？

到目前为止，我没有find解决办法。 以下是我现在想到的： var gulp = require('gulp'); var concat = require('gulp-concat'); var uncss = require('gulp-uncss'); var minifyCSS = require('gulp-minify-css'); var concatCss = require('gulp-concat-css'); var less = require('gulp-less'); var stripCssComments = require('gulp-strip-css-comments'); gulp.task('css', function() { return gulp.src('css/*.css') .pipe(stripCssComments({all:true})) .pipe(concat('plugins.css')) .pipe(uncss({html: ['index.html']})) .pipe(minifyCSS()) .pipe(gulp.dest('build/css')); }); gulp.task('less', function() { return gulp.src('css/*.less') .pipe(less()) .pipe(stripCssComments({all:true})) .pipe(concat('styles.css')) .pipe(uncss({html: ['index.html']})) .pipe(minifyCSS()) .pipe(gulp.dest('build/css')); }); […]