你好，看一下这个css路径是否引用正确了。
即使css写的不规范或者错误，css只要加载了，代码还是会有的，不会空白的。
首先，css规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的diaplay值，如div的display默认值为“block”，则为“块级”元素；span默认display属性值为“inline”,是“行内”元素。（1）行内元素有：a
b
span
img
input
select
strong
（2）块级元素有：
div
ul
ol
li
dl
dt
dd
h1
h2
h4...p
（3）常见的空元素：<br><hr><img><input><link><meta>
鲜为人知的是：
<area>，<base><col><command><embed><keygen><param><source><track><wbr>
有些软件有插件可以实时编译，比如sublime。
我用的是gulp，方便前端自动化。你可以网上搜一下，用起来啊很方便。
举个例子：
var gulp = require('gulp')var less = require('gulp-less')
var notify = require('gulp-notify')
var plumber = require('gulp-plumber')
var concat = require('gulp-concat')
var minifycss = require('gulp-minify-css')
var rename = require('gulp-rename')
var watch = require('gulp-watch')
var uglify = require('gulp-uglify')
var autoprefixer = require('gulp-autoprefixer')
var lessPath = './src/less/*.less'
var lessMainPath = './src/less/main.less'
var lessDist = './src/css/'
var cssPath = './src/css/*.css'
var jsSrcPath = './src/js/*.js'
var distPath = './dist/'
//编译less
gulp.task('lessCompile', function() {
gulp.src([lessMainPath])
.pipe(plumber({ errorHandler: notify.onError('Error: <%= error.message %>') }))
.pipe(less())
.pipe(gulp.dest(lessDist))
})
//监控less文件变化
gulp.task('watchLess', function() {
gulp.watch(lessPath, ['lessCompile'])
})
//css合并压缩加前缀
gulp.task('handleCss', function() {
return gulp.src(cssPath)
.pipe(plumber({ errorHandler: notify.onError('Error: <%= error.message %>') }))
.pipe(concat('app.css'))
.pipe(autoprefixer({
browsers: ['last 5 versions', 'Android >= 4.0'],
cascade: true,
remove: false
}))
.pipe(gulp.dest(distPath))
.pipe(minifycss())
.pipe(rename('app.min.css'))
.pipe(gulp.dest(distPath))
})
//监控css文件变化
gulp.task('watchCss', function() {
gulp.watch(cssPath, ['handleCss'])
})
