这周开始学习CSS的继承、层叠和特殊性。
CSS的某些样式是具有继承性的,继承性就是一个样式不仅应用于某个特定的html元素,还应用于其后代。比如color,设定<p>的颜色以后段落里的<span>标签也会变成相同的颜色,是为继承,但给我的这种感觉比较像覆盖……然后有些就不能继承,比如边框,一段就只会框起一段。
假如一次性设置了多个样式,那最后显示的结果听谁的就涉及到一个权值的问题,规则是 标签<类选择符<ID选择符 权值低的就会被权值高的盖掉,弱肉强食么。 而如果权值相同的话,就取最后一个样式。规则是这样啦,现在看到这个联系起我上一篇对ID选择器只能用一次的吐槽,只能用一次权限还这么高,这玩意是类似于王炸之类的大招吗…… 其实吧,王炸还不是ID选择符,有些用户会自己设置浏览器样式,比如把字调大,这个样式权限是高于网页制作者权限的,于是你以为用户就是上帝了吗?naive!朋友,你知道 !important 吗?这个东西牛X在它连用户都改不了,是王炸中的王炸,加上 !important ,瞬间权限最高就是你,带你装13带你飞。
再往下是排版,这些排版其实我感觉DW直接设置比较方便……但为了凑字数还是往下写一下
字体:body{font-family:"微软雅黑/宋体";}
字号:font-size:20px;
颜色:color:red/blue;
加粗:font-weight:bold;
斜体:font-style:italic;
下划线:text-decoration:underline;
删除线:text-decoration:line-through;
段落首行缩进:text-indent:2em; /* 2em是文字的两倍大小*/
行距:line-height:1.5em;
字母间距:letter-spacing:20px;
单词间距:word-spacing:20px;
居中:text-align:center;