大家好,又见面了,我是全栈君。
css元素分类
1.块级元素
-1.常用的块级元素有:<div>,<p>,<h1>…<h6>,<ol>,<ul>,<li>,<dl>,<dd>,<dt>,<table>,<tr>,<td>,<address>,<blockquote>,<form>
-2.块级元素的特点:
a.每个块级元素都是从新的一行开始,并且其后的元素也另起一行。
b.元素的高度,宽度,行高以及顶和底边距都可以设置。
c.元素宽度在不设置的情况下,是它本身父容器100%(和父元素的宽度一致),除非设定一个宽度。
-3.设置display:block可将元素显示为块级元素。如下代码就是将内联元素a转换为块级元素,从而使a元素具有块状元素的特点。
例:a{display:block;}
2.内联(行内)元素
-1.常用的内联元素有:<a>.<b>,<span>,<br>,<i>,<em>,<strong>,<label>,<q>,<cite>,<code>
-2.内联元素的特点:
a:和其他元素都在同一行上
b:元素的高度,宽度及顶部和底部的边距不可设置
c:元素的宽度就是它包含的文字或图片的宽度,不可改变
-3.内联元素也可以通过代码display:inline将元素设置为内联元素,如下代码就是将块状元素div转化为内联元素,从而
使div元素具有内联元素特点,
例:div{
display:inline
}
3.内联块级元素
1.常用的内联块级元素有:<img>,<input>
2.内联块级元素的特点
a:和其他元素都在一行上
b:元素的高度,宽度,行高以及顶和底边距都可以设置
3.代码display:inline-block就是将元素设置为内联块级元素
转载于:https://www.cnblogs.com/yangfanasp/p/6946629.html
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/108439.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...