用CSS装饰XML
我有一个有效的XML文件,其中包含许多书籍的大量信息。对于web设计,我需要创建一个CSS文件,以便为数据的表示形式设置样式。我已经得出了一个结果,但我无法将下面显示的所有信息都放在一个框中。我需要包含所有的信息,包括标题(“丑陋的真相”)到一个盒子里。但是我在没有HTML div的情况下挣扎 到目前为止: XML文件:用CSS装饰XML,css,xml,design-patterns,Css,Xml,Design Patterns,我有一个有效的XML文件,其中包含许多书籍的大量信息。对于web设计,我需要创建一个CSS文件,以便为数据的表示形式设置样式。我已经得出了一个结果,但我无法将下面显示的所有信息都放在一个框中。我需要包含所有的信息,包括标题(“丑陋的真相”)到一个盒子里。但是我在没有HTML div的情况下挣扎 到目前为止: XML文件: <?xml version = "1.0" encoding = "utf-8"?> <!DOCTYPE onli
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE online_bookshop SYSTEM "online_bookshop_new.dtd">
<?xml-stylesheet type="text/css" href="bookshop.css"?>
<online_bookshop free_ship="no">
<heading>Dreamy Book Storage</heading>
<name>The Ugly Truth</name>
<author_list>
<author auid="_5" name="Elin">Author: Jeff Kinney</author>
</author_list>
(..many elements included..)
</online_bookshop>
online_bookshop{
color: whitesmoke;
background-color: gray;
width: 100%;
background-image: url(bookstore.jpg);
background-repeat: no-repeat;
background-size: 100%;
}
heading, name, author_list, ISBN, dimensions, illustration, translation, pages, language, cost_information, other_information, weight, contact_details, other_partners, review, for_ages, publisher{
display: block;
text-align: center;
}
heading{
color: red;
font-size: 50px;
background-color: rosybrown;
}
name{
font-size: 40px;
font-weight: bold;
font-family: 'Times New Roman', Times, serif;
}
有什么想法吗?那么更多的元素(标题、作者列表等)应该在“父”元素中设置样式——作为一个块元素?也许你应该考虑XSL来做一个转换?没错。我需要创建一个“包装器”,将在线书店中的所有元素都包含在一个盒子中。我明白你的意思,但练习只用于处理.xml文件。