css选择器的详细介绍

css作用：很好的将结构与表现进行分离；
css样式的三种表现形式：

1. 行内样式 通过style属性将样式写入标签中
2. 内嵌样式 通过style标签将样式写入head标签中
3. 外联样式 通过link标签引入外部css文件夹中css样式

*块元素*：会占据文档中一行显示，即使设置宽也会占据一行；

div: 没有具体含义，用于页面的布局，替代了原始的table与框架布局；

一：行内样式；
直接在需要添加样式的那一行中添加style属性进行样式设置；例如：

二：内嵌样式；
<style type=“text/css”>首先认识style基本属性</style>
width: 300px;宽
height: 200px;高
color：red;颜色
border: 10px;边框宽度
margin: 100px auto;对齐方式
background: red;背景色 url(图片地址)背景图片
border-style：solid；边框样式
border-collapse：collapse；单元格间距；
颜色的三种形式：
background：颜色
background：rgb(red,green,blue) 或 rgba(red,green,blue,不透明度)
background：#000000（16进制）#后6个字符；
选择器类型：7种；语法格式：选择器{属性：属性值}

• 标签选择器
• 
  直接在head标签中写入 属性名{样式}
  例如：

• id选择器
• #id名{属性：属性值} 例如：

  

• 类（class）选择器
• .class值{属性：属性值}

  
  

• 层级选择器
• 
  子代选择器 父级元素>子集元素；

  后代选择器 父级元素  后代元素；