首页 > html应用样式div.s1与 .s1区别

html应用样式div.s1与 .s1区别

html应用样式div.s1与 .s1区别
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<style>
div.s1 { text-align: center;

  width: auto;
  height: auto;
  margin: 3px'

}
</style>
</head>
<body>

<div class="s1">
<img src="1.jpg" alt="Ballade" width=160px height="160px">
</div>

</body>

<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<style>
.s1 { text-align: center;

  width: auto;
  height: auto;
  margin: 3px'

}
</style>
</head>
<body>

<div class="s1">
<img src="1.jpg" alt="Ballade" width=160px height="160px">
</div>

</body>


div.s1取的是所有classs1div元素,.s1取的是所有classs1的元素,二者差别就在于是否限定元素为div


html应用样式div.s1与 .s1区别:
实际效果没有区别,只是在相同环境中使用,div.s1级别会高于.s1。这是css的优先级知识点,你可以看下这个http://www.cnblogs.com/xugang/archive/2010/09/24/1833760.html


.s1 泛指所有名为s1的class

div.s1 泛指div标签中,名为s1的class

【热门文章】
【热门文章】