div，只是CSS的一个定位标签

@Ta 2011-01-31 5333点击

发现水木易安童鞋对<div>有一点误解，在此解释一下：
<div>是一个块级标签（块级标签的前后是会产生换行的，即使你没有写<br/>），在xhtml中，<div>常常被用来给CSS样式“定位”，也就是让CSS作用在特定的<div>标签所在的块。
<div>标签一般有一个id属性，这样我们就可以在CSS中使用“id选择器”来给这一块写样式了，如
#tp{close:#ff0000;}
它规定id="tp"的标签范围内文字是红色，而不管它是<div>还是<p>甚至是<a>，...

隐藏样式查看源码

回复列表(15|隐藏机器人聊天)

1

老虎会游泳

@Ta / 2011-01-31 / 样 / 源

也就是说，id选择器的名字只和id有关，和标签是无关的。只是因为<p>和<a>都是有特殊含义的，所以分块一般用<div>
但是，id是不能重复的。要让多个标签使用同一样式除了这样写：
#tp1,#tp2,#tp3{color:#ff0000;}
外，还可使用class选择器。
.tp{color:#ff0000;}
只要标签里有一个这样的属性：class="tp"，它的文字就是红色的。
2

老虎会游泳

@Ta / 2011-01-31 / 样 / 源

让所有链接都是绿色的，可以这样写：
a{color:#00ff00;}
，这叫标签选择器。
div{color:#0d0d0d;}
让所有div块内字都是#0d0d0d色
3

水木易安

@Ta / 2011-01-31 / 样 / 源

嗯，明白了，我说怎么多出许多换行，结果删除了(br)就正常了，我觉得div可能会换行。至于css里的property有哪些？这个没有查到一个汇总的表，我就会color、border、background-color、close之类简单的
4

老虎会游泳

@Ta / 2011-01-31 / 样 / 源

最后再说一句：选择器，就是样式规则的大括号 { } 之前表示样式规则作用范围的“对象”。
至于外部样式、内联样式
它是指样式规则出现在哪里。
<link type="text/css" src="a.css" />
外部样式，样式规则存在a.css这个文件里
<style type="text/css">
a{color:#0ac;}
</style>
内部样式，定义在<style>标签对之间
5

老虎会游泳

@Ta / 2011-01-31 / 样 / 源

<a href="a.php" style="color:#c0c0c0;">go</a>
内联样式（内嵌样式），出现在标签的style属性值里。因为只作用于这一个标签，所以它没有选择器部分，也不必出现大括号。
6

老虎会游泳

@Ta / 2011-01-31 / 样 / 源

请倒着看回复。
7

水木易安

@Ta / 2011-01-31 / 样 / 源

嗯，入门级的。我已经掌握了八九分。就知道你喜欢"tp"，呵呵
8

老虎会游泳

@Ta / 2011-01-31 / 样 / 源

呃。。。
9

919056489

@Ta / 2011-08-05 / 样 / 源

[tp]不明白[/tp]
10

小昊

@Ta / 2012-03-06 / 样 / 源

^(oo)^
11

小昊

@Ta / 2012-03-06 / 样 / 源

^(oo)^
12

小昊

@Ta / 2012-03-06 / 样 / 源

^(oo)^
13

九尾狐

@Ta / 2012-07-30 / 样 / 源

@/小昊
14

九尾狐

@Ta / 2012-07-30 / 样 / 源

@[小昊]
15

九尾狐

@Ta / 2012-07-30 / 样 / 源

@/小昊

添加新回复

回复需要登录。