CSS的概念
html 使用标签条件元素的样式是有限制的, 所以需要 css
一般来说 html 负责元素的描述, css负责元素样式的控制(样式的渲染),
使用 css 的三种方式:
1.直接在 html 标签中定义 style 样式 (不用)
2. 在 head 中定义 style 样式 (用的不多)
3.创建 css 文件, 引入到 html (用的最多)
优先级:
标签中的样式 > head中的style的样式 > 外部引用的样式
CSS选择器概念:
选择器就是能够在 css 文件中识别 html 中指定的元素的语法,
在 jQuery 中也会出现类似的原则器
基本的选择器有:
元素选择器 : 直接使用元素的名称选择 使用 标签{ } 引用
id 选择器 : 需要再标签中添加属性 id="值", 使用 #id值{} 引用
如果多个样式同时控制一个元素, 则后面的覆盖前面的样式
类选择器 : 需要再标签中添加属性 class="值", 使用 .class属性值{ } 引用
子选择器 : 如果只选择父元素的子元素, 不选孙子元素, 这样的选择器叫做子选择器 使用 #父元素值>子元素{ } 引用
后代选择器 : 指定元素的后代元素 使用 .父元素值 子元素{ } 引用
伪类选择器 : 鼠标经过或离开的时候的一些行为表现. 使用 #属性值:hover{ } 引用
属性选择器 : div[class] 选择具备class属性的div标签
div[class="div2"] 选择具备class属性="div2"的div标签
div[class^='d'] 选择具备class属性值以 'd' 开头的div标签
div[class*='i'] 选择具备class属性包含 'i' 的div标签