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
取的是所有class
为s1
的div
元素,.s1
取的是所有class
为s1
的元素,二者差别就在于是否限定元素为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