浅析css基础语法

css语法

语法结构组成

1.基本语法：
选择器{
属性：值；
}
选择器作用：对选中的标签进行样式的美化；
属性的作用：对选择器中哪些属性的美化；
属性值的作用：对属性美化样式的程度。

css选择器

1.元素选择器

• html标签； 选中所有对应的html标签

• .class 选中素有具有class行内属性的标签

• #id 选中所有具有id 行内属性的标签，

• *选中所有元素
  id 与 class 区别

• id具有唯一性 建议：不要给不同的元素命名听一个id值

• class 类选择器；可以给多个元素同一个class值

• 关系型选择器

  • 父元素>子元素（选中子元素）
  • 父元素 空格 后代元素（选中父元素下面任意子元素）
  • 相同级别元素用~，（可以选中元素下面任何一个元素）
  • 同级元素用+，（可以选中元素下，相邻的一个元素）

• 属性选择器

• 语法 : 元素[属性=值]

• 例如：input[name=login] 选中Input元素name=login的标签

• 伪类选择器

  • hover 当鼠标移动到元素时候显示什么样式
  • active 在鼠标点击和释放之间的样式
  • link 链接访问前的样式
  • ited 链接访问后的样式 注意：link visited 只是针对链接a标签