当你书写大量的CSS代码时，可能会出现不止一个的错误。可能需要某个工具来阻止你CSS书写的错误。 可能，有的时候你的错误真的是一个bug。也有可能仅仅因为草率造成的不一致或者不明确的代码风格。可能它们当中的许多看起来微不足道(取决于你的性子)，但是随着代码库的增多以及时间累积，许多人使用时就会做出有丑陋的东西。事情的后果不是你可以想象的。 你尝试去控制自己。你的同事也帮助你，当你游离及时纠正你的错误。但是...
楼主接触前端一个月，是一只前端小白妹子，以下所说都是查阅资料听前辈讲解再加自己理解总结出来的，如果有哪里说的不对，并不介意被喷，但有问题请一定帮忙指正！万分感谢^ ^ 文章是楼主一字一字码出来的，转载请注明。本文是系列教程中的一篇，适合前端新手入门，如果感兴趣可以关注。 在上一篇中楼主简单的描述了一下对前端的看法，并对HTML做了一个描述，因为接触时间不长所以必定会有认知上的局限性，欢迎大家吐槽指正。...
CSS reset就像是一种宁可错杀三千不可放过一个的做法。 一个最简单粗暴的css reset解决方案 *{ margin:0; padding:0; } 多余的话我就不再累赘，想要更多可以参考我的技术男神张鑫旭的文章CSS reset的重新审视 – 避免样式重置。 下面是我总结的一些基础css reset 供大家参考。我觉得每个网站都应该有自己单独的一套css reset。 1 ul, ol, fieldset{ margin: 0; padding: 0; } 2 th, td, legend{ paddin...
在参与规模庞大、历时漫长且参与人数众多的项目时，所有开发者遵守如下规则极为重要： 保持 CSS 便于维护 保持代码清晰易懂 保持代码的可拓展性 为了实现这一目标，我们要采用诸多方法。 本文档第一部分将探讨语法、格式以及分析 CSS 结构；第二部分将围绕方法论、思维框架以及编写与规划 CSS 的态度。 CSS 文档分析 无论编写什么文档，我们都应当尽力维持统一的风格，包括统一的注释、...
摘要 PostCSS 是使用 JS 插件来转换 CSS 的工具，支持变量，混入，未来 CSS 语法，内联图像等等。PostCSS的目标是通过自定义插件和工具这样的生态系统来改造CSS。与Sass和Less这些预编译器相同的原则，PostCSS把扩展的语法和特性转换成现代的浏览器友好的CSS。使用Gulp工具，我们可以通过构建过程转换样式，就像Sass和Less的编译。 正文 PostCSS 现在已经普及了一段时间，如果您还没有使用过它或不知道PostCSS是...
统一站内风格 在页面中引用相应的CSS样式，关键代码如下：
cnpm 也可以使用npm cnpm install gulp-uncss --save-dev gulpfile.js var gulp = require(gulp), uncss = require(gulp-uncss);gulp.task(uncss, function() { gulp.src(src/css/origin.css) //冗余css文件 .pipe(uncss({ html: [src/origin.html] //使用css的html页面，可多个 })) .pipe(gulp.dest(build/css/uncss)); //输出目录}); ...
现在应该没人会把所有样式都写入一个超大的CSS里面了吧… 原文： Smarter CSS builds with Webpack 作为一个常常写CSS的开发人员，如果你接触过 SMACSS、 SUIT或 BEM的话，应该会自然而然的将文件拆成更小更分散的模块。 stylesheets/ config/ colors.sass media_queries.sass modules/ btn.sass dropdown.sass header.sass utilities/ align.sass clearfix....
又到了毕业季，很多小伙伴们都到了找工作的时候了，好多小伙伴问我有前端的面试题么？答：没有。 呃呃… … 小伙伴本宝宝真的没有骗你们，我从毕业到现在一直在一家公司没有换过，所以手里压根没有面试题。我们公司招聘也压根不需要什么面试题。因为那些都是可以百度的哈哈。 但是大部分公司还是有面试题的，所以征求大家意见后总结一下关于前端的面试题。今天我们分享关于Html和CSS部分的。 1. 常用那几种浏览器测试？有哪...
如题 我只会写 input{width:50px;} ,但是我想精确到 input 中的checkbox，请问该怎么做？ 回复讨论(解决方案) input[type=checkbox]{width:50px;} 老的浏览器不支持 所以还是设置类名吧 可以换方法:Padding-left或Padding-right 不行就框架吧,推荐:bootcss.简单好学，而且兼容性比较好
CSS 字体 帮写下CSS字体设置。 回复讨论(解决方案) 黑体吧？ IE8，直接按F12，选中这个标题 黑体吧？ IE8，直接按F12，选中这个标题 在CSS里怎么写黑体。 ”font-family:黑体“ 是吗？ 引用 1 楼 sharpblade 的回复:黑体吧？ IE8，直接按F12，选中这个标题 在CSS里怎么写黑体。 ”font-family:黑体“ 是吗？ 这样的 font-family:"黑体";
CSS 网站有英文，繁体，简体 三种语言版本，英文和繁体调用的是一个样式（style1.css）,而简体需要调用的是另一个样式（style2.css）.请问要怎样才能实现简体调用该样式？ 回复讨论(解决方案) 问题是你怎么实现语言切换的？切换语言的时候用js设置cookie，cookie保存语言版本，然后js读取cookie后根据语言版本输出对应的css就行了 如何用JavaScript动态修改CSS样式表： http://blog.csdn.net/theforever/article/detail...
有一个专门讲CSS Reset的站点。 site 由于各大浏览器的user agent样式（即默认样式）不同，为了尽可能避免浏览器之间样式的差异，重置了css样式，让浏览器之间可以由一个基本相同的样式基准，并在该基准的基础上进行开发。 引入CSS Reset样式 引入CSS Reset，意味着告诉浏览器将所有元素应用上reset的样式，再使用针对页面或业务的特定样式。对于页面加载而言，这不算一个最优的方式，但对于组织css代码而言是一个好方法，因为页...
Basscss 是一个轻量级的 CSS 基本元素样式、工具、颜色和布局模块，用开开发高性能 Web 页面。 项目主页：http://www.open-open.com/lib/view/home/1428909980627
PurifyCSS 是干啥的 可以检查应用程序中在使用哪些 CSS 类，进而创建一个（排除了没有用上的 CSS ）的文件 也可以检测 JavaScript 中动态加载的 CSS 类 除了可用于单页应用（single-page app）之外，PurifyCSS 也可以用于静态页面应用（static page app）。 可能减少的量 Bootstrap 文件大小 ~140k 平均 Bootstrap 的使用率是: ~40% (最多) Minified Bootstrap: ~117k characters. Purified + Minifi...