样式表
内部样式表,写在style中的
行内样式表(内联样式表),写在标签内
外部样式表(外联样式表),写在css文件里面,在html中<link>引用
标签类型(显示模式)
display: block | inline | inline-block
块级元素(block-level)
每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性
常见的块元素有h1~h6、p、div、ul、ol、li等,其中div最典型
行内元素(inline-level)
不占独立的区域,不可以设置高宽、对齐等属性,常用于控制页面中文本的样式
常见的有a、strong、b、em、i、del、s、ins、u、span等,其中span最典型
只能设置水平方向的padding和margin,垂直方向无效;
只能容纳文本或者其他行内元素(a特殊,a里面不能再放a标签);
注意:
只有文字才能组成段落,因此p里面不饿能放块级元素,同理还有h1~h6、dt,他们都是文字类块级标签,里面不能放其他块级元素
块级元素和行内元素的区别
块级元素的特点:
1、总是从新行开始
2、高度、行高、外边距以及内边距都可以控制
3、宽度默认是容器的100%
4、可以容纳内联元素和其他块元素
行内元素的特点:
1、和相邻行内元素在一行上
2、高、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效
3、默认宽度就是它本身内容的宽度
4、行内元素只能容纳文本或者其他行内元素
行内块标签inline-block
可以设置宽高和对齐属性,img、input、td等
行内块元素的特点:
1、和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙
2、默认宽度就是它本身内容的宽度
3、宽高、行高、外边距以及内边距都可以控制