摘要:
从CSS代码存放位置看权重优先级:内嵌样式 > 内部样式表 > 外联样式表。其实这个基本可以忽视之,大部分情况下CSS代码都是使用外联样式表。从样式选择器看权重优先级:important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。important的权重为1,0,0,0ID的权重为0,1,0,0类的权重为0,0,1,0标签的权重为0,0,0,1伪类的权重为0,0,1,0属性的权重为0,0,1,0伪对象的权重为0,0,0,1通配符的权重为0,0,0,0实例:<html>&l 阅读全文
摘要:
要做出上图的效果,有多种方法,但我们要用的方法是多用组合少用继承。多用组合少用继承:把相对稳定的部分拆成一个类,把不稳定的部分分拆成几个类。观察上图可知稳定部分是边框样式,区块间隙和行距,不稳定的部分就是字体大小和颜色。现在可以根据规律得出如下代码:.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.red{color:#F00;}.common-list{border:solid 1px #CCC;padding:10px;margin-top:20px;width:400px;}.common-list li{he 阅读全文