HTML基础3

7.      布局标签

div表示一个区域块，本身没有任何的宽和高

8.      样式表的几种类型

1.      <astyle=’’>属性样式

css语法规则是一样的，键值对。多个样式通过;隔开。不需要指定设置的某个元素

2.      <style>内部样式

Style必须放在head里面，可有多个，第一个是选择器，代表选中某个元素{设置样式}

3.      <link>引用样式

<link rel=”stylesheet”href=”css/…” type=”text/css”> 可以提取网页的公共样式放在外部样式表，将结构和表现进行分离

4.      优先级

就近原则，谁离元素最近，作用某一个样式。多个样式表作用于一个元素时，首先筛选有没有重复的属性，有的话就就近原则，如果没有重复就层叠为一套最终样式最后作用在元素上

5.      底层实现

把html文件转换为dom树，css来渲染试图样式

6.      Id选择器

给标签设置id唯一标识符，在style标签里使用#id名{样式…},id选择器的优先级大于类选择器

7.      类选择器

同一类元素的相同样式，给标签设置class名，在style标签里使用.class名{样式…} class可以重复并非唯一  可有多种类名中间用空格隔开，类选择器大于元素选择器

            超链接 a:link a:visited  a:hover  a:active

8.      选择器分组，某些元素有同样的css样式时，用逗号隔开

10.   行级元素和块级元素

1.      块级元素独占一行，块级元素的后面无法再放任何内容，块级元素多用来布局。支持高和宽

div,p,h1-h6,hr,table,ul,ol,form,

2.      行级元素只占小块空间，后面可以继续放内容，称为行内标签，内联标签，行级元素多用来排版。不支持高和宽，高宽由内容决定

table,a,span,em,input,button,textarea,br,image

display: blodk/改变为块级元素 inline/改变为行级元素  inline-block/改变为行内块级元素就有块级元素的属性