Heim >Web-Frontend >HTML-Tutorial >css中这样写的好处是什么_html/css_WEB-ITnose
img是行内元素
p是块级元素
得看具体情况是怎样的,
我猜这样是为了 让img有个背景色
p {
background:#eee;padding:2px;
}
这样img看似有个边框
这样看具体的应用了,光从这一行代码看,加不加p元素无所谓,如果整个div的内容比较复杂,在img外面嵌套一个p元素,就能更加灵活地使用CSS控制样式,举个例子:
<style type="text/css">img { border:1px solid #FFF; }p img { border-width:5px; } /*可以对包含在p元素中的img设置不同的边框宽度*/</style><div> <p><img src="images/logo.gif" / alt="css中这样写的好处是什么_html/css_WEB-ITnose" ></p> <img src="sjflsjd" / alt="css中这样写的好处是什么_html/css_WEB-ITnose" ></div>
具体问题具体分析,能达到效果就行。
就这么一行代码看不出什么来,我感觉是编辑器自动加上的,没有什么特别的意义。
这里的p我感觉意义不大。。。。没优势,而且现在很多因为要换行的块级元素都可以用css:display:block来代替掉。。。