行内元素和块级元素有哪些
来源:互联网 发布:ubuntu下卸载mysql 编辑:程序博客网 时间:2024/04/28 12:05
一.行内元素和块级元素有哪些?
块级元素
1.尺寸-块级元素和行内元素之间的一个重要的不同点
行内元素和width
W3C CSS2 标准规定行内元素、非置换元素不会应用width属性。
以下例子中,对行内元素<a>应用了width:200px,你可以看到,根本就没有什么效果。
行内元素和height
W3C CSS2 标准规定行内元素、非置换元素不会应用height属性,但是盒子高度可以通过line-height来指定。
以下例子,对行内元素<a>应用了height:50px,你可以看到什么效果都没。
行内元素和padding
你可以给行内元素设置padding,但只有padding-left和padding-right生效。
以下例子,行内元素<a>应用了padding:50px。你可以看到对左右的内容有影响,但是对上下没影响。
行内元素和marging
margin属性也是和padding属性一样,对行内元素左右有效,上下无效。
下面的例子,对<a>应用了margin:50px,你可以看到左右边缘是生效了但是内容上下却没有。
设置padding 只有左右padding有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容是没影响的,看图上效果就知道了
上文部分翻译自:http://www.maxdesign.com.au/presentation/inline/
2.text-align属性是两者表现的又以不同之处
------------------------------------------
值: left | right | center | justify | inherit
初始值:匿名值,由'direction'的值而定,如果'direction'为'ltr'则为'left',如果'direction'为'rtl'则为'right'。
应用于: 块级元素,表格单元格,行内块元素
继承性: 是
计算后的值:初始值或指定值
------------------------------------------
0 0
- 块级元素和行内元素都有哪些?
- 行内元素和块级元素有哪些
- 块级元素和行内元素都有哪些
- 行内元素和块级元素有哪些
- 块级元素和行内元素有哪些
- 行内元素和块级元素都有哪些
- 块级元素和行内元素有哪些?
- HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些
- Html中行内元素和块级元素有哪些?
- (总结)行内元素和块元素都有哪些
- 行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
- css行内元素有哪些?块级元素有哪些? 盒模型的哪些?
- css行内元素有哪些?块级元素有哪些? 盒模型的哪些?
- CSS里有哪些常见的块级元素和行内元素
- 在制作网页时,块级元素和行内元素分别有哪些?
- 行内元素与块级元素都有哪些 区别是什么?
- Html中行内元素有哪些?块级元素有哪些?
- Html中行内元素有哪些?块级元素有哪些?
- qt 窗口无标题在桌面移动,不可移出可视范围之外
- android-命令模式在项目中的应用
- Word2007如何从任意页开始设置页码 word07页码设置毕业论文
- HDU2062——Subset sequence
- Linux hwclock命令参数及用法详解
- 行内元素和块级元素有哪些
- 仿暴风影音安卓客户端应用源码
- js时钟
- 验证字符串是否是手机号
- 【零基础】CentOS 7 - 安装双系统时无法引导Windows 7的解决方法
- ThinkPHP实现在可视化后台管理永久修改前端视图页面的方法
- 触摸屏驱动笔记
- phpcms v9 与 DZ最新版整合 ----配置流程
- jacob的使用方法总结