HTML day4

1. css的三种形式

1. 内嵌式 直接在标签里面写style=“属性名1：属性值1；属性名2：属性值2”。
2. 内部样式表 在head标签中写<style> </style>在style标签中进行样式编写。
3. 外部样式表 通过link标签设置

<link rel="stylesheet" type="text/css" href="css/demo1.css" />

2. css的注释不能用heml中的注释<!-- --> 只能使用/* */进行注释
3. 块元素与行内元素
div p h1 h2…都是块元素 即一个元素占一行
span a iframe img 为行内元素，只占用自己大小的空间 空间不够时才会自动换行 ---------------------------------------------------------------------------------------
块元素主要是用来给页面布局，而行内元素主要用来设置样式，p标签不能包含任何标签，a标签可以包含除了a之外的所有元素。
4.常用的选择器

• 标签选择器 标签名{}

• 类选择器 .类名{}

• id选择器 #id{}

• 通用选择器 *{}

• 并集选择器 选择器1，选择器2{} 只要满足选择器1或者2中的一个

• 交集选择器 选择器1选择器2{}必须同时满足选择器1和2

• 后代元素选择器 选择器1 子选择器{}中间使用空格隔开

• 直接子类选择器 父类选择器>子类选择器 使用>
  5.伪类选择器

• a:link 表示普通的链接没有访问过的链接

• a：visited 表示访问过的链接

• a:hover 表示鼠标移入的状态

• a:action 表示鼠标正在被点击的状态
  ----------- link 和visited用于超链接 而hover和action可用于其他标签

• input:focus用于文本框聚焦 点击文本框可修改文本框的样式

• 选择器名::selection 用于设置选择文本的样式 该伪类选择器火狐浏览器与其他浏览器不同 火狐为选择器名::-moz-selection