1.css3@media规则 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 列：如果 ...
分类：
Web程序 时间：
2018-04-04 20:59:33
阅读次数：
226
CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则： 1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器 ...
分类：
Web程序 时间：
2017-11-14 16:25:46
阅读次数：
183
/*样式重置*/ body,dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;} ul,ol{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-weight:400;} input:focus,button:focus{outlin... ...
分类：
Web程序 时间：
2017-08-15 17:17:32
阅读次数：
170
阅读目录 1. Sass和SCSS的区别 2. @while循环 3. @at-root 4. @content 5. 凸显注释 6. CSS输出样式 7. 重置浏览器样式 8. Sass调试和@debug命令、@warn命令 9. 使用Sass时的注意事项 相关链接：Sass学习笔记前篇 Sas.... ...
分类：
其他好文 时间：
2017-07-18 22:17:10
阅读次数：
248
1、什么是优雅降级和渐进增强？ （1）优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。 （2）渐进增强：针对低版本进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 2、什么是reset?有什么作用？ 意思：就是重置浏览器的默认属 ...
分类：
其他好文 时间：
2017-06-25 17:48:24
阅读次数：
170
阅读目录 1. Web标准以及W3C 2. 主流浏览器内核 3. 标准模式（Standards Mode）和怪异模式（Quirks Mode） 4. CSS盒模型 5. 重置浏览器样式 6. HTML语义化 7. CSS选择器的优先级 8. 双外边距浮动问题 9. 3像素问题 10. IE6不支持m ...
分类：
其他好文 时间：
2017-04-24 12:31:01
阅读次数：
315
定义和使用 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 浏览器支持 表格中的数字表 ...
分类：
其他好文 时间：
2017-04-12 23:23:06
阅读次数：
592
（1）定义：首先css reset指的是重置浏览器的默认样式 （2）作用：因为现在的浏览器很多，并且每个浏览器都有自己的默认样式，这样就会导致一个页面在多个浏览器下展示产生差异，所以我们需要做一些处理使每个浏览器下展示一致，故需要css reset （3）内容：第一个：*{padding:0;mar ...
分类：
Web程序 时间：
2017-03-04 14:17:49
阅读次数：
268
阅读目录 1. Web标准以及W3C 2. 主流浏览器内核 3. 标准模式（Standards Mode）和怪异模式（Quirks Mode） 4. CSS盒模型 5. 重置浏览器样式 6. HTML语义化 7. CSS选择器的优先级 8. 双外边距浮动问题 9. 3像素问题 10. IE6不支持m... ...
分类：
其他好文 时间：
2016-12-05 14:19:14
阅读次数：
261
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 一些基本的用法： Normalize css.Reset 重置，浏览器兼容 font-family：sans-seri ...
分类：
其他好文 时间：
2016-06-04 16:21:26
阅读次数：
173
