Maison > interface Web > tutoriel HTML > css中这样写的好处是什么_html/css_WEB-ITnose

css中这样写的好处是什么_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:09:41
original
1122 Les gens l'ont consulté

css中这样写的好处是什么_html/css_WEB-ITnose


为何要加个

?
省去不行吗?
有何说法??


回复讨论(解决方案)

img是行内元素

p是块级元素

css中这样写的好处是什么_html/css_WEB-ITnose

这样的意思就是让img单独占一行的空间,也就是让img成为块级元素。

其实用样式也可以实现,就是让img  style="max-width:90%"成为block元素。

得看具体情况是怎样的,
我猜这样是为了 让img有个背景色
p {
background:#eee;padding:2px;
}

这样img看似有个边框

css中这样写的好处是什么_html/css_WEB-ITnose


这个有时候是一些编辑器自动加上的,完全可以去掉,就象楼上同学说的,如果需要block直接样式指定就行了

这样看具体的应用了,光从这一行代码看,加不加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>
Copier après la connexion


具体问题具体分析,能达到效果就行。

就这么一行代码看不出什么来,我感觉是编辑器自动加上的,没有什么特别的意义。

这里的p我感觉意义不大。。。。没优势,而且现在很多因为要换行的块级元素都可以用css:display:block来代替掉。。。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal