CSS样式总结CSS样式总结 css选择器是指：css样式作用对象的选择，常用的选择器有基础选择器、结构选择器以及伪类选

css选择器是指：css样式作用对象的选择，常用的选择器有基础选择器、结构选择器以及伪类选择器。

css基础选择器

标签选择器是通过html标签来确定所修饰的对象，例如对p标签进行修饰就可以直接使用p{ 属性：属性值}进行修饰。

id选择器是通过在定义标签时的唯一id来获取所修饰的对象用法是通过在id前加上 # 来识别，例如：

id选择器是通过在定义标签时的唯一id来获取所修饰的对象用法是通过在id前加上 # 来识别，例如：

<p id="text">nihao</p>
#text{属性：属性值}

由于id是唯一的，如果我们想对一个类别统一进行样式处理，我们就可以为他们统一定义一个类，样式选择器可以通过这个类名统一进行样式处理，用法是在类名前加上 . 即可，例如：

<form>
			<input class="login" type="text"/>
			<input class="login" type="button"/> 
</form>

.login{属性：属性值}

使用*通配符可以选择所有元素*{属性：属性值}。

由于许多标签具有父子等关系，我们也可以通过这个关系来选择子类元素。 父类子类{属性：属性值} //如果还有孙类元素会被一并选中，如果要只选择孙类元素则需要一直写到孙类例如：父类子类孙类{属性：熟悉值}

有这样的一种场景，我们需要对不同标签且不具有包含关系的元素进行修饰，我们就可以使用并集选择器，用法是将不同标签之间使用 , 分隔，然后一一列出即可#login, p, #user{属性：属性值}。

在我们使用后代选择器时会存在包含关系的影响，子元素选择器时通过指定某个确定的子元素同时不存在孙子元素的包含问题（选择了一个子元素进行修饰时不会将子元素内包含的孙子元素一同修饰）。 用法是父元素 > 子元素{属性：属性值}

兄弟选择器可以选择相同的元素兄弟，例如h标签后跟着多个标签p标签我们就可以使用h1~p{属性：属性值}来选择紧跟h1标签后所有的p标签 h1+p{属性：属性值}表示选择紧跟h1标签后的第一个p标签

属性选择器是根据多个相同标签但其属性值不同来区别被选择对象的，其用法例如：img[alt]来选择img标签中具有alt属性的元素

伪类选择器和基础选择器不同，它不能自定义名字，主要是用来针对标签不同状态、不同行为、不同特征来实现不同样式。

链接伪类选择器主要是针对超链接 a 标签的，针对a标签的不同状态有如下伪类选择器：

<a id="lj" href="http://www.baidu.com" >百度</a>

#lj:hover{ color: red; }

行为选择器和上面的链接伪类相似，不同行为选择器是根据标签元素的行为来展示不同样式的，所以相对于链接伪类功能会减少

<form>
			<input id="text" type="text" />
</form>
----------------------
#text:focus{
	background: cornflowerblue;
}

除了上面的选择器我们还可以通过文档结构来选择相应的元素从而减少id和class的使用

伪元素是针对标签中的元素进行设置，主要是用在对文本进行样式修饰，例如：

css的链如方式<link href="url" type="text/css" rel="stylesheet"/>

font-family:"字体名称"-----用于指定字体名称
font-size:字体大小-----用于指定字体大小
font-color:字体颜色-----用于指定字体颜色
font-sytle:字体样式-----用于指定字体样式(斜体等)
font-weight:字体加粗-----用于指定字体的加粗程度(nomal、bold、bolder、lighter、number(整百的倍数)) 处理使用上面的单个样式也可以使用font:属性值来综合处理字体样式，不过要按照style、variant(首字母大写)、weight、size、family的顺序来执行，同时还要注意必须要设置字体和字体大小否则其他样式无效。

假如需要使用一些特殊字体时，可以使用@font-face{font-family:字体名称； src:字体存储路径}先来设置服务器字体，这样就可以在进行font-family使用这个字体了。