源码是某书提供的,先看一个例子:
<!–自定义的标签与html的标签混合应用–>
<comic:comicbook>
<tr>
<comic:book1>
<td><!–设定自定义标签的样式–>
<comic:bookname date=”12/14/00″ style=”color:red;font-weight:bold;”>非常家庭</comic:bookname></td>
<td><comic:author>北条司</comic:author></td>
<td><comic:grade>3</comic:grade></td>
<td><comic:link>link1</comic:link></td>
</comic:book1>
<comic:comicbook>
<tr>
<comic:book1>
<td><!–设定自定义标签的样式–>
<comic:bookname date=”12/14/00″ style=”color:red;font-weight:bold;”>非常家庭</comic:bookname></td>
<td><comic:author>北条司</comic:author></td>
<td><comic:grade>3</comic:grade></td>
<td><comic:link>link1</comic:link></td>
</comic:book1>
直接定义名字空间<html xmlns:comic>,然后全部采用xml前缀标识格式把自定义标签混插在html代码中。
Demo http://www.rexsong.com/blog/attachments/200512/20_101123_comic.htm
使用css对自定义标签进行控制的方法:
<style type=”text/css“>
@media all {
comic/:bookname { color:red; font-weight:bold;}
comic/:link { color:blue; font-size:11pt;}
}
</style>
@media all {
comic/:bookname { color:red; font-weight:bold;}
comic/:link { color:blue; font-size:11pt;}
}
</style>
@media: 指定样式表规则用于指定的设备类型。此规则无默认值。
Demo http://www.rexsong.com/blog/attachments/200512/20_101127_comic_css.htm
欢迎大家阅读《自定义的标签与html的标签混合应用_css》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码