读书人

css小札记

发布时间: 2012-10-31 14:37:32 作者: rapoo

css小笔记
selector {property: value}

内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。

p { color: #ff0000; }所写成p { color: #f00; }

p { color: rgb(255,0,0); }
p { color: rgb(100%,0%,0%); } 百分比的百分号不可省,即使当值为 0


如果值为若干单词,则要给值加引号:
p {font-family: "sans serif";}
只有当一个字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号,才需要在 font-family 声明中加引号。


多重声明:
p {text-align:center; color:red;}

你应该在每行只描述一个属性,这样可以增强样式定义的可读性,就像这样:
p {
text-align: center;
color: black;
font-family: arial;
}


选择器分组
h1,h2,h2,h3,h5,h6 {
color: green;
}


子元素单独创建规则可摆脱父元素继承


派生选择器
li strong {
font-style: italic;
font-weight: normal;
}


<p><strong>我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用</strong></p>

<ol>
<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
<li>我是正常的字体。</li>
</ol>

上下内边距与左右内边距一致;即上下内边距的百分数会相对于父元素宽度设置,而不是相对于高度

不可继承属性:
图像属性

读书人网 >CSS

热点推荐