CSS元素分类(按照样式属性)
来源:互联网 发布:linux mint 18 编辑:程序博客网 时间:2024/05/18 03:07
CSS元素分类
在CSS中,html中的标签元素被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。
块状元素
特点:
(1)每个块级元素都从新的一行开始,并且其后的元素也另起一行。
(2)元素的高度、宽度、行高以及顶和底边距都可设置。
(3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。常用的块状元素:
<div>、<p>、<hx>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
设置方法:
设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。
a{display:block;}
内联元素
特点:
(1)和其他元素在一行上;
(2)元素的高度、宽度及顶部和底部边距(margin-top、margin-bottom)不可设置;
(3)元素的宽度就是它包含的文字或图片的宽度,不可改变。常用的内联元素:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
设置方法:
块状元素可以通过代码
display:inline
设置为内联元素。注意:
内联元素是当做字体来处理的,字体之间是有间隔的,所以内联元素之间也是有间隔的。这一间隔通过父元素的字体属性来设置。
内联块状元素
特点:
(1)和其他元素都在一行上;
(2)元素的高度、宽度、行高以及顶和底边距都可设置。常用的内联块状元素:
<img>、<input>
设置方法:
display:inline-block
阅读全文
0 0
- CSS元素分类(按照样式属性)
- CSS层叠样式表属性(按照功能分类)
- css 样式属性分类
- CSS样式属性分类
- CSS样式声明 元素属性 样式属性
- 认识css样式(第二部分-元素分类)
- scrollbar的属性及样式分类:css
- 设置元素的CSS样式属性
- java算法实践 将list中的元素按照属性分类成树状的map
- 将list中的元素按照属性分类成树状的map
- DOM与jquery的区别(二:元素属性与CSS样式表)
- CSS哪些样式属性不可以被子元素继承?
- 获取外链css元素的样式属性值
- CSS样式选择器分类(0)
- css样式分类
- css样式分类
- HTML5-css样式分类
- 认识css样式(元素居中)
- Eclipse Simultaneous Release
- 数据存储
- bzoj 4028: [HEOI2015]公约数数列 (分块乱搞+map)
- centos7搭建gitlab(二)之gitlab仓库迁移
- Ajax XHR2详解
- CSS元素分类(按照样式属性)
- Activity中finish() onDestroy() 和System.exit()的区别
- 141. Linked List Cycle(C语言版本)
- 线程池编程
- 给eclipse安装反编译
- mysql加索引
- Python备份数据库并定期删除n天前的备份数据(本地)
- IntelliJ Idea 常用快捷键列表
- 欢迎使用CSDN-markdown编辑器