CSS 层叠样式表
结构,表现,行为要分离
1.内联样式 :写在标签内部的style属性里 (不便于复用)
<p style=color :red></p>2.内部样式 :写在头部的style标签里 <style type="text/css">
3.外联样式:使用link标签引入<link rel="stylesheet" type="text/css" href="路径" />
CSS注释 /* 选择器 声明块 */
块和内联
块元素 独占一行的元素
div(对页面进行布局) p h1~h6 ul(无序列表) li
设置背景元素 background-color
内联元素(行内元素):span(包裹内容 单独设置字体颜色) a img iframe
超链接可以包含任意一个元素
a标签可以包含任何元素,但不能包含它本身
CSS选择器
- id选择器:id是唯一标识 #
- 类选择器:class 可以重复 .
- 选择器分组(并集选择器):共同使用一个样式 #p1,h1,p2 逗号隔开
- 通配选择器:* 选中页面上所有元素
- 复合选择器(交集选择器):同时满足两个条件
- 子元素和后代元素选择器:空格表示