css学习笔记

###概述

css语言是用于定义html内容在浏览器内的显示样式。使用它的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的样式

语法

  • 选择符+{声明}

  • 选择符指网页中要应用样式的元素

  • 声明组成:属性+值

  • 注释语法://

###css代码编写位置

  • 内联式:将css代码直接写在现有HTML标签中的style属性
  • 嵌入式:将css代码写在标签之间,并且嵌入式样式一般写在head标签之间
  • 外部式:将css代码写在一个单独的外部文件中,以.css为扩展名,在head内,使用将css样式文件链接到html文件内。e.g.
  • 优先级:内联式>嵌入式>外部式 (就近原则,越靠近目标标签,就以谁定义为准)

###选择器

  1. 简单选择器
选择器 含义
* 通用元素选择器,匹配任何元素
E 标签选择器,匹配所有使用E标签的元素
.info 类选择器,匹配所有class属性中包含info的元素
#footer id选择器,匹配所有id属性等于footer的元素
  1. 组合选择器

    选择器 含义
    E,F 多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔
    E F 后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔
    E>F 子元素选择器,匹配所有E元素的第一个直接子元素F
    E+F 相邻元素选择器,匹配所有紧随E元素之后的第一个同级元素F
    E~F 通用兄弟选择器,匹配所有紧随E元素之后的同级元素F