html 块内元素 下移,html——行内元素、块元素、行内块元素

行内元素：span  ,a,  ,strong , em,  del,  ins。特点：在一行上显示；不能直接设置宽高；元素的宽和高就是内容撑开的宽高。

块元素：div,h1-h6,p,ul,li。特点：独占一行；可以设置宽高；注释：嵌套(包含)下，子块元素宽度(没有定义情况下)和父块元素宽度默认一致。

行内块元素(内联元素)：input  img。特点：在一行上显示，也可设置其宽高。

div {

width: 300px;

height: 100px;

background-color: red;

}

p {

height:50px;

background-color: #00ffff;

}

上述代码演示了父元素div里嵌套了一个子元素p，p在没有设置宽度的情况下，默认的接受了父div的宽度。

行内元素转块元素：display：block。行业元素配置之后，将会拥有块元素的所有属性。可以独占一行，并可以设置宽高。

块元素转行内元素：display:inline。块元素配置之后，将会拥有行业元素的所有属性。不在拥有设置宽高的属性，也不会独占一行。

块元素和行内元素转行内块元素：display:inline-block。配置之后，既可以在一行上显示，也可以设置宽高。

html元素类型 块级元素、内联元素(又叫行内元素)和内联块级元素。

html中的标签元素大体被分为三种不同的类型:块级元素.内联元素(又叫行内元素)和内联块级元素. 块级元素特点: 1.每个块级元素都从新的一行开始,并且其后的元素也另起一行.(霸道,一个块级元素独占一 ...

css position 和 块级/行内元素解释

一.position 属性: static:元素框正常生成.块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中. relative:元素框偏移某个距离.元素仍保 ...

html元素两种分类。替换元素和不可替换元素；块级元素和行内元素

根据元素本身特点来分类: 替换元素替换元素根据其标签和属性来决定元素的具体显示内容.有&lt ...

块级&行内元素总结

一.块级元素与行内元素的区别 块级元素与行内元素有几个关键区别: 格式 默认情况下: 块级元素会新起一行: 行内元素不会以新行开始. 内容模型 一般块级元素可以包含行内元素和其他块级元素.这种结构上的 ...

【CSS3】---块状元素、内联元素(又叫行内元素)和内联块状元素

元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有:

.

.

【css】主要的块状元素(block element)和内联元素(inline element行内元素)

内联元素:只在行内发生作用,设置宽高不起作用,不会影响文字内容,使其换行等.竖直方向和间距也不起作用   display可以强制转换行内元素和块状元素,还可以取消显示none   块元素(bloc ...

行内元素的上下margin 和 img元素的上下margin

行内元素的特点有: 1.与其他元素在同一行 2.宽度(width).高度(height).内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bott ...

web兼容学习分析笔记--块级、内联、内联块级元素

一.块级.内联.内联块级元素 (1)块级元素:block **独占一行 **可设置width,height,margin,padding **内部可包含块级或内联元素 (3)内联(行内)元素:inli ...

HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？

先看下面的例子你就能明白两者的差别:

测试一下块元素与内联元素的差别

测试一下

HTML元素被定义为块级元素或内联元素。那么什么是块级元素，什么是内联元素呢

块级元素(block)特性: 块级元素在浏览器显示时,通常会以新行来开始(和结束). 宽度(width).高度(height).内边距(padding)和外边距(margin)都可控制;就像以前用到的 ...

随机推荐

EMVTag系列8《IC卡公钥证书》

Ø  9F46    IC卡公钥证书 L: NI -C(有条件):如果支持DDA 发卡行认证过的IC 卡公钥 Ø  9F47    IC卡公钥指数 F: b T: 9F47 L: 1 or 3 C:如 ...

Entity Framework技巧系列之五 - Tip 16 – 19

提示16. 当前如何模拟.NET 4.0的ObjectSet 背景: 当前要成为一名EF的高级用户,你确实需要熟悉EntitySet.例如,你需要理解EntitySet以便使用 At ...

bzoj2560 串珠子

Description 铭铭有n个十分漂亮的珠子和若干根颜色不同的绳子.现在铭铭想用绳子把所有的珠子连接成一个整体. 现在已知所有珠子互不相同,用整数1到n编号.对于第i个珠子和第j个珠子,可以选择不 ...

UR11 A.元旦老人与汉诺塔

题目:http://uoj.ac/contest/23/problem/167 如果我们拿个map来存状态的话.设当前状态是v,下一个状态是s.有f[i+1][s]+=f[i][v]. 初始f[0][ ...

python学习笔记1——基础

1)注释 单行注释以#开头,例:#第一个注释 多行注释可用多个#号,还有'''和""",例: #第一行注释 #第二行注释 ''' 第三行注释 第四行注释 ''' &quo ...

Python 文件操作一

#-*- coding:utf-8 -*- #文件操作 #open()函数格式 #open(文件名,访问模式) f = open('1.md',"r") #read()没有不传参数 ...

python-day37--协程

一. 协程介绍 单线程下实现并发,提升运行效率, 1.自己控制切换,保存状态 2.遇到I/O切         (单纯的CPU切没意义,只有在遇到I/O的时候切才有效率) 一句话说明什么是线程:协程是 ...

js学习笔记16----父节点的操作

1.元素.parentNode : 只读属性,获取当前元素的父节点. 2.元素.offsetParent : 只读属性,获取离当前元素最近的一个有定位属性(position为relative或者abs ...

在WPF中使用CefSharp嵌入浏览器(转)

在WPF中使用CefSharp嵌入浏览器   日常开发中,我们需要将一些Web页面嵌入到桌面客户端软件中.下面我们使用CefSharp嵌入浏览器来实现. 首先先介绍一下CefSharp嵌入式浏览器,它 ...

ajax调用webservice服务

ajax调用是 html方向调用的, 而sqlconnection是 java代码调用的,本质差不多

通过ajax调用we ...