块状元素
创新互联专注于海州企业网站建设,成都响应式网站建设公司,成都商城网站开发。海州网站建设公司,为海州等地区提供建站服务。全流程定制制作，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
内联元素
我就举个例子，楼主看哈
div
块状元素
span
内联元素
--------------------------------
块状元素
我是内联元素1
我是内联元素2
------------------------
运行可以发现，，div是独占一行的
2个甚至是多列span
可以占一行
-----------------------------------------------------------
display
的属性就是
显示的意思：他本身还是有很多属性的，
---------------------------------------------
简单解释了，下，楼主，可以去网上下个css参考手册看看，上面有很详细的解释。
1.设置float属性
将块级元素的css格式设置为float：left/right，比如，有两个panel，panelA和panelB，想要使其位于同一行，只需要设置A的css格式为float：left/right即可。
注意：只是设置A的float属性哦，若设置了B的float属性，则B后面的元素也会与其位于同一行。若使用该方法，则两个块级元素紧挨着。
2.设置display
display为inline-block，即编写css代码为display:inline-block.使用该方法，两个块级元素中间有一定间隔。
注意，该方法与上一方法相同，仍然需要设置A的display属性，而非B的属性。
html中的标签元素大体被分为三种不同的类型：块级元素、内联元素(又叫行内元素)和内联块级元素。
块级元素特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（霸道，一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）
常用的块状元素有：
div、p、h1...h6、ol、ul、dl、table、address、blockquote 、form
设置display:block；可以将元素转换块级元素。
内联元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
常用的内联元素有：
a、span、br、i、em、strong、label、q
设置display:inline;可以将块状元素转换为内联元素
你说的是将
行内元素标签
转换成
块级元素标签对吧
打个比如吧
是个行内元素
display:block
意思是块状形式陈列出来,这样span标签就可以控制它的宽和高了
块状元素特点：
1、独占一行，在默认情况下，宽度自动填满父元素宽度
2、宽度和高度可以控制
3、margin和padding横向纵向设置都有效
4、可以通过display: inline; 转换为行内元素
5、除个别特殊元素外，可包含块状元素和行内元素
行内元素特点：
1、不能独占一行
2、宽高由内容撑开
3、margin和padding横向设置有效，纵向设置不产生边距效果
4、可以通过display: block; 转换为块状元素
5、除ins和del外，不能包含块状元素
《HTML标签嵌套规则》
其实也没什么原理，就是将你的选项卡标题和内容块做个对应。拿三个选项的来举个例子：标题分别是标题一、标题二、标题三，内容块分别是内容一、内容二、内容三，标题与内容是一对一的。1首先是设置样式：
标题一和内容一设置为选中时的样式，内容二、内容三的display设为弄呢；
然后是JavaScript函数：
当点击标题二时，将标题二设为选中时的样式，再将内容二的display设为block，内容一和内容三的display设为none；
差不多就是这个样子，至于具体的css样式和JavaScript函数可以在百度下，根据这个思路来看代码应该会好很多。
