2015年3月20日
去除冗余 – 精简您的CSS样式代码
摘要： 讲讲常见的一些没有必要使用CSS代码情况，而这些不起作用可以去掉的CSS代码可能是我们经常忽视的。越是对CSS理解不够，越容易出现这些问题。二、一些常见不必要CSS样式1、与默认CSS样式一致我们有时候写的CSS样式会与浏览器默认的CSS样式一致，有时候您自己都可能没有意识到。常见的例子有：①div... 阅读全文
posted @ 2015-03-20 13:06 品读夜的黑 阅读(1895) 评论(0) 推荐(0)
2015年3月18日
CSS的样式合并与模块化
摘要： by zhangxinxu from http://www.zhangxinxu.com原文地址：http://www.zhangxinxu.com/wordpress/?p=931一、引言本文的核心观点为CSS的合并与模块化，似乎与前一篇文章“CSS样式的再分离”有矛盾，其实不然，分离可以精简CS... 阅读全文
posted @ 2015-03-18 21:34 品读夜的黑 阅读(850) 评论(0) 推荐(0)
我是如何对网站CSS进行架构的
摘要： by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=944一、写在前面的都是自己积累形成的一些东西，可能带有明显的个人印记。不是专业内容，不是权威指南，只是展示一点自己的观点，... 阅读全文
posted @ 2015-03-18 21:06 品读夜的黑 阅读(221) 评论(0) 推荐(0)
精简高效的CSS命名准则/方法
摘要： /* ---------------------single CSS----------------------- *//* display */.dn{display:none;}.di{display:inline;}.db{display:block;}.dib{display:inline-... 阅读全文
posted @ 2015-03-18 20:17 品读夜的黑 阅读(391) 评论(0) 推荐(0)
css分离思想
摘要： CSS命名就应该最简单、最直接，直捣黄龙。没有HTML标签，没有层级，这些通通滚蛋，不要。为什么不要，有三大原因：1. 限制重用我们会使用层级(#test .test)，会使用标签(ul.test)，可能是习惯(没多想)，或是为了避免冲突。但是，我跟你说，从今以后，这种写法让他见鬼去吧（如果不是为了... 阅读全文
posted @ 2015-03-18 20:08 品读夜的黑 阅读(198) 评论(0) 推荐(0)
2015年3月6日
盒子宽带问题
摘要： ---恢复内容开始---2.1.3 多标签 多标签选择器一般和html上下文有关，它有以下集中分类选择一个祖先的所有子孙节点，例如 div p{…}选择一个父元素的所有直属节点，例如 div > p{…}选择某一个元素紧挨着的兄弟节点，例如 li + li{…}选择某一个元素的所有同胞节点，例如 ... 阅读全文
posted @ 2015-03-06 21:27 品读夜的黑 阅读(132) 评论(0) 推荐(0)
、web前端的这么知识应该是怎样的一个知识体系架构？
摘要： 、web前端的这么知识应该是怎样的一个知识体系架构？之前我以为可以以W3C为纲要，把W3C的东西学会了就够了。后来发现我错了，W3C还不全面。 真正全面的覆盖了web前端知识体系的东西是——浏览器内核——这并不是说让你去详细了解浏览器内核、做出一个浏览器。浏览器是web前端代码运行的一个平台，浏览... 阅读全文
posted @ 2015-03-06 19:56 品读夜的黑 阅读(131) 评论(0) 推荐(0)
CSS中的各个选择节点，都有样式最后一个无样式的快捷解决方法
摘要： 2.1.3 多标签 多标签选择器一般和html上下文有关，它有以下集中分类选择一个祖先的所有子孙节点，例如 div p{…}选择一个父元素的所有直属节点，例如 div > p{…}选择某一个元素紧挨着的兄弟节点，例如 li + li{…}选择某一个元素的所有同胞节点，例如 span ~ a{…}以... 阅读全文
posted @ 2015-03-06 19:17 品读夜的黑 阅读(2724) 评论(1) 推荐(0)
!important------至高无上的宝剑
摘要： 如上图，不同来源的两个样式，第一个样式设置了font-weight，第二个没有，浏览器会把它叠加在一起，即浏览器会把各个零散的整合成一个整体。第一个样式color:red，第二个样式color:blue，浏览器会让后者覆盖前者，最终结果还是color:blue。 覆盖的默认规则是后者覆盖前者，但是... 阅读全文
posted @ 2015-03-06 18:40 品读夜的黑 阅读(131) 评论(0) 推荐(0)
css经典布局学习
摘要： ． 布局 布局是css的重头戏，每个系统的布局都有其各自的特点。无好无坏，肯定是各有优缺点，不妨拿出几个比较典型的例子来一起分析一下。例如：经典三列布局Bootstrap栅格布局百度首页布局微博布局人人网布局瀑布流布局好好研究下这些代码 阅读全文
posted @ 2015-03-06 18:38 品读夜的黑 阅读(157) 评论(0) 推荐(0)