HTML CSS基础(二)
2015-11-12 16:22
591 查看
块元素和行内元素
HTML元素根据表现形式,可以分为2类:(1)块元素(block);
(2)行内元素(inline);
任何HTML元素都属于这两类中的其中一类。
2、块元素特点:
(1)独占一行,排斥其他元素跟其位于同一行,包括块元素和行内元素;
(2)块元素内部可以容纳其他块元素或行元素;
3、行内元素特点:
(1)可以与其他行内元素位于同一行;
(2)行内内部可以容纳其他行内元素,但不可以容纳块元素,不然会出现无法预知的效果。
在这里,所谓的“独占一行”并不是在代码中独占一行,而是在浏览器显示效果中独占一行。
块元素 | 说明 |
---|---|
div | div层 |
h1~h6 | 1到6级标题 |
p | 段落,会自动在其前后创建一些空白 |
hr | 分割线 |
ol | 有序列表 |
ul | 无序列表 |
行内元素 | 说明 |
---|---|
strong | 加粗强调 |
em | 斜体强调 |
s | 删除线 |
u | 下划线 |
a | 超链接 |
span | 常用行级,可定义文档中的行内元素 |
img | 图片 |
input | 表单 |
相关文章推荐
- CSS行高——line-height
- 鼠标放到图片上替换图片,改变样式。
- css中奇怪的地方
- 图片翻页效果引出的animate.css,很好玩,多动动吧~
- 根据下拉列表,改变button的css和颜色
- html css基础(一)
- 纯CSS实现delay连续动画
- 使用系统方法 创建一个 自定义样式的button
- 奇 偶 行的css 设置背景颜色.
- 基本的css
- PullToRefreshView的样式以及一些问题
- css代码初始化
- css3 文本选中控制属性
- CSS3 经典教程系列:CSS3 线性渐变(linear-gradient)
- [No000042]CSS 之 平时那些你不敢用的字体
- HTML与CSS入门——第三章 理解HTML和XHTML的关系
- CSS3 文本超出后显示省略号...
- css3关于flex弹性盒子最新语法及案例
- 网页css
- css3 复选框