CSS样式

css语法规范

样式声明---->样式属性名称：样式属性值；

css样式主要包含以下三种类型：

1、行内样式（内嵌样式）：

<标记 style=``"样式的属性名1：样式的属性值1；属性名2：属性值2；......"``></标记>

例如：

<div style=``"color:red"``></div>

2、内部样式内联样式）：

<``style``>选择器 {属性名：属性值；属性名：属性值；......}</``style``>

例如：

bdoy{font-size:14px;}

3、外部样式（外联样式）：

<link type=``"text/css" rel=``"stylesheet" href=``"css/main.css" />可以使用来将css文件引入HTML页面中。

css选择器

选择器类型

1.标签选择器

    标签名{属性:值}

    对一类标签进行样式的设置

2.类选择器

    .类名{属性:值}

    对同一类名的标签进行设置，一个标签可以有多个类名。

3.id选择器

    #id名{属性:值}

    id最好不要重复，因为后面dom要通过id获取节点。

4.后代选择器

    选择器1  选择器2{属性:值}

    表示对选择器1中的标签后代（不仅仅是直接子元素，也可以是其子元素的子元素）中所有满足选择器二的标签进行样式设置

5.子代选择器

    选择器1>选择器2{属性:值}

    表示对选择器1中标签的直接子元素中所有满足选择器2的标签进行样式设置。

6.交集选择器

     选择器1选择器2{属性:值}

    两个选择器之间没有空格，表示对既满足选择器1，又满足选择器2的标签进行样式设置。

7.并集选择器

    选择器1,选择器2{属性:值}

    表示对只要满足选择器1和选择器2任一选择器的标签进行样式设置。