行内元素和块元素

原创 2016年08月28日 20:27:16
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="1.css">
<style type="text/css">
span{
width: 400px;
height: 100px;
background-color: pink;
display: block;
}
div{
width: 400px;
height: 200px;
background-color: red;
display: inline;
}
a{
display: block;
}
</style>
</head>
<body>
<!--行内元素设置宽度和高度无效,必须先转换为块元素 dispaly:blcok
块级元素转化为行内元素需要dispaly:inline
行内元素的padding和margin只有水平方向的-->
<span>123</span>
<div>woshidiv</div>
<a href="#">我是超链接行内元素</a>
</body>
</html>



H5 CSS基础一:行内元素和块元素

一、特点 块元素①、总是在新行上开始;②、高度,行高以及外边距和内边距都可控制;③、宽度缺省是它的容器的100%,除非设定一个宽度。④、它可以容纳内联元素和其他块元素 行内元素①、和其他元素都在一行上...
  • Xoxo_x
  • Xoxo_x
  • 2017年07月16日 21:52
  • 878

行内元素、块元素和css属性display

充分理解区分行内元素和块元素,在进行html结构的时候非常的有用。对于html标签,我们一般会划分为行内元素(或内联元素)和块元素(或块级元素)。他们有明显的区分。...

行内元素和块元素的区别

注:行内元素会再一条直线上,是在同一行的。我是行内元素SPAN标签   我是行内元素strong标签 注:块级元素各占一行。是垂直方向的! 我是块级元素div标签 我是块级元素P标签...

css基础-网页的布局思想、行内元素转换为块元素、内容溢出的处理、div盒子的定位

css基础-网页的布局思想、行内元素转换为块元素、内容溢出的处理、div盒子的定位...

韩顺平_php从入门到精通_视频教程_第13讲_选择器使用细节_块元素和行内元素_盒子模型_盒子模型经典应用①_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ ①父子选择器 类选择器和id选择器都可以有父子选择器 总结: 1.父子选择器可以有多级(但是实际开发中不要...

html标签(行内元素和块元素)

内联元素(行内元素)内联元素(inline element) * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi o...

块元素和行内元素比较

一.常见的块元素和行内元素 常见的块元素 //定义地址 2 //定义表格标题 3 //定义列表中定义条目 4 //定义文档中的分区或节 5 //定义列表 6 ...

谈谈行内元素和块元素的区别和居中问题

行内元素,也叫内联元素、内嵌元素等,是众多的行内元素能在一行中显示的元素。行内元素的主要作用是用来添加特殊样式,如元素,元素,元素,,下标 上标等等。 块元素,就是会独占一行的元素,比如,等等。   ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:行内元素和块元素
举报原因:
原因补充:

(最多只允许输入30个字)