初学者之CSS学习(四)行级标签和块级标签
来源:互联网 发布:java volatile 使用 编辑:程序博客网 时间:2024/06/06 10:06
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<style type="text/css">
p{
border: solid 3px orange;
width: 500px;
height: 40px;
}
a{
border: solid 3px orange;
width: 500px;
height: 40px;
}
img{
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<!-- 行内块级标签
1、能待在一行
2、能设置宽高
常见的行内块级标签:img input textarea
-->
<img src="meinv.png">
<img src="shuaige.png">
<!-- 块级标签
1、要独占一行,不和其他元素待在一行
2、能设置宽高
常见的块级标签:div p h1-h6 ul li dl dt dd
-->
<p>我们是p标签</p>
<p>我们是p标签</p>
<p>我们是p标签</p>
<!-- 行级标签
1、能和其他元素待在一行
2、不能设置宽高
常见的行级标签:a span strong u em
-->
<a href="">学习学习</a>
<a href="">学习学习</a>
<a href="">学习学习</a>
</body>
</html>
<head>
<meta charset="utf-8"/>
<title></title>
<style type="text/css">
p{
border: solid 3px orange;
width: 500px;
height: 40px;
}
a{
border: solid 3px orange;
width: 500px;
height: 40px;
}
img{
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<!-- 行内块级标签
1、能待在一行
2、能设置宽高
常见的行内块级标签:img input textarea
-->
<img src="meinv.png">
<img src="shuaige.png">
<!-- 块级标签
1、要独占一行,不和其他元素待在一行
2、能设置宽高
常见的块级标签:div p h1-h6 ul li dl dt dd
-->
<p>我们是p标签</p>
<p>我们是p标签</p>
<p>我们是p标签</p>
<!-- 行级标签
1、能和其他元素待在一行
2、不能设置宽高
常见的行级标签:a span strong u em
-->
<a href="">学习学习</a>
<a href="">学习学习</a>
<a href="">学习学习</a>
</body>
</html>
0 0
- 初学者之CSS学习(四)行级标签和块级标签
- HTML学习笔记之行级标签和块级标签全
- 块级标签和行级标签
- 块级标签和行级标签
- css块级标签,行内标签,行内块标签的转换(2)
- 行级标签、块级标签和行内块级标签
- CSS 自动换行, 块级标签 变 行级标签
- CSS 自动换行, 块级标签 变 行级标签
- html css 行级标签 块级标签
- 内联标签和块级标签
- 块级标签和内联标签
- 【CSS 基础】05 块级标签、行级标签、行内块级标签
- 行级标签和块级标签的区别
- 一些常用的行级标签和块级标签
- HTML中的行级标签和块级标签
- 0305 块级和行级标签
- CSS块级标签与内联标签嵌套规则
- html标签--块级标签
- ArtifactTransferException: Failure to transfer --报错
- Java常见的垃圾收集器GC算法整理
- STM32F4xx FPU/DSP使用注意事项
- 设计模式六大原则——里氏代换原则(LSP,Liskov Substitution Principle)
- 解决:vnc4server进程故障---->启动图形界面工具gnome遇到的问题
- 初学者之CSS学习(四)行级标签和块级标签
- leetcode_167. Two Sum II - Input array is sorted 有序数组中找和为特定数的两个数的下标
- red black tree
- Linux下软硬链接
- IO流(字符流)+JAVA学习笔记-DAY21
- 将B数据库客户基本信息表中的字段插入到A数据库表中对应的字段中
- [android Studio] unhandled exception: android.os.RemoteException
- 清除float常用方法(:after和clear:both)
- threehello