css小札记
日期：2014-05-17 浏览次数：20667 次
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>
上下内边距与左右内边距一致；即上下内边距的百分数会相对于父元素宽度设置，而不是相对于高度
不可继承属性：
图像属性
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>
上下内边距与左右内边距一致；即上下内边距的百分数会相对于父元素宽度设置，而不是相对于高度
不可继承属性：
图像属性
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
