CSS基本语法
id选择符
在HTML文档中,需要唯一标识一个元素时,就会赋予它一个id标识,以便在对整个文档进行处理时能够很快地找到这个元素。 而id选择符就是用来对这个单一元素定义单独的样式。#号表示;
类选择符
用类选择符可以把相同的元素分类定义成不同的样式。在 CSS 中,类选择器以一个点号显示:
派生选择器
strong {color: red; }
h2 {color: red;}
h2 strong {color: blue; }
属性选择器
属性选择器在为不带有 class 或 id 的表单设置样式时特别有用:
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
font-family: Verdana, Arial;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
font-family: Verdana, Arial;
}
选择符的优先级
在应用选择符的过程中,可能会遇到同一个元素由不同选择符定义的情况,这时候就要考虑到选择符的优先级。通常我们使用的选择符包括id选择符, 类选择符,包含选择符和HTML标记选择符等。因为id选择符是最后被加到元素上的,所以优先级最高,其次是类选择符