<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet type="text/css" href="14-7.css"?>
<poem>
<title>静夜思</title>
<author>唐 李白</author>
<verse>
床前明月光<br/>
疑是地上霜<br/>
举头望明月<br/>
低头思故乡</verse>
</poem>
poem{
margin:0px;
background:url(poem.jpg) no-repeat; /*添加背景图片 */
width:360px;
height:490px;
position:absolute; /* 绝对定位 */
left:0px; top:0px;
}
title{
font-size:19px;
color:#FFFF00;
position:absolute;
left:62px;
top:150px;
}
author{
font-size:12px;
color:#4f2b00;
position:absolute;
left:100px;
top:176px;
}
verse{
position:absolute; /* 绝对定位 */
color:#FFFFFF;
font-size:14px;
left:55px;
top:200px;
line-height:20px; /* 行间距 */
}
br{
display:block; /* 让诗句分行显示 */
}
分享到:
相关推荐
CSS与XML的综合运用 - CSS与其他技术CSS与XML的综合运用 - CSS与其他技术CSS与XML的综合运用 - CSS与其他技术
VBScript JavaScript Dhtml SQL WSH DOM XML CSS ASp等12个参考手册
### CSS-HTML-JS-XML的概念及之间的关系 #### HTML:构建网页的骨架 - **定义**:HTML,全称为HyperText Markup Language,即超文本标记语言,是一种基础的标记语言,用于创建网页内容和结构。它使得内容可以从一...
这个小例子展示了XML和CSS结合的强大之处,即分离了数据结构与表现形式,使得XML数据可以被多个样式表以不同的方式呈现,同时保持数据本身的独立性和可读性。 总结一下,这个“XML+CSS小例子”主要涉及以下知识点:...
1. 创建XML文件:定义简历的结构,如`<name>`、`<education>`、`<experience>`等元素。 2. 编写CSS文件:设定样式规则,定义各元素的显示方式。 3. 编写XSL文件:定义转换规则,将XML转换为HTML或者其他格式。 4. ...
开发者可以通过导入`css-doodle.js`或者使用CDN链接来在自己的项目中引入CSS Doodle。然后,可以使用特殊的CSS伪类和属性,如`@grid`, `@rule`, `rotate()`, `translate()`, `skew()`等,来定义网格和绘制形状。例如...
标题“css-template”暗示我们关注的是一个基于CSS的模板项目,这个项目可能包含了网页设计的基础结构和样式。描述中的“css-template”进一步确认了这一点,它可能是为了快速搭建具有预设样式和布局的网页而创建的...
XML与XSLT(XML样式表转换语言)结合,可以实现数据的格式化输出。 **.NET** 是微软公司推出的一个开发平台,提供了C#、VB.NET等多种编程语言,以及ASP.NET(用于Web开发)、WPF(Windows Presentation Foundation...
这是对XML与css的学习,里面有源代码,可以复制粘贴的,欢迎过来采纳哦
HTML(HyperText Markup Language)、XML(eXtensible Markup Language)以及CSS(Cascading Style Sheets)是构建和呈现网页内容的基础工具,而XHTML(Extensible HyperText Markup Language)则是HTML与XML的融合...
前端开发手册大全11个(CSS-javascript-jquery-w3c-XHTML-XML).zip CSS参考手册-Web前端开发参考手册系列 Web前端开发规范手册必备 CSS参考手册 javascript参考手册 CSS参考手册 jquery参考手册 XML参考手册 XHTML...
1. XML语法:XML文档必须有严格的结构,包括文档类型定义(DTD)或XML Schema来验证其结构。元素需要成对出现,属性值需用引号包围,且区分大小写。 2. 树形结构:XML文档可以视为一棵树,根元素包含其他元素,元素...
【标题】:“bbs(jsp+xml+css)”指的是一个基于JSP、XML和CSS技术构建的小型论坛系统。这个系统利用了JSP的动态网页功能,Javabean的业务逻辑处理,以及XML用于数据存储,同时结合CSS来实现页面的样式设计。 【JSP...
标题 "1698997419587711_css-menu-1.rar" 暗示我们关注的是一个与CSS相关的资源,特别是关于菜单设计的。描述中的内容相同,没有提供额外信息,但我们可以从压缩包内的文件名 "css-menu-1.html" 推测这是一个关于CSS...
1. XML基础: - XML语法:XML文档由元素、属性、文本节点等组成,遵循严格的规则,如元素必须有关闭标签,属性值需加引号等。 - XML文档结构:XML文档通常包含声明(`<?xml version="1.0" encoding="UTF-8"?>`)、...
2. **XML与CSS(层叠样式表)** CSS用于描述XML文档的视觉表现,通过选择器匹配XML元素并应用样式。例如,我们可以为上述XML中的`book`元素定义样式: ```css book { font-family: Arial, sans-serif; color: #...
"网站开发专家-精通ASP+XML+CSS网络开发混合编程-源文件上传 在 sun 上"可能是教程配套的资料,包含了更多详细信息和实战案例。 学习这部分内容,你需要掌握ASP的基本语法,如变量、控制结构、内置对象等;理解...
`css-shorthand-expand`是一个开源库,专注于将这些CSS的简写属性展开为它们的完整形式,从而帮助开发者更好地理解和调试CSS代码。 标题“前端开源库-css-shorthand-expand”指出了这个项目的核心——这是一个面向...
CSS手册,如“css-handbook”,旨在提供全面、详尽的CSS指南,帮助开发者更好地理解和应用这一强大的样式语言。 ### CSS基础 CSS的核心概念在于其层叠特性,这意味着多个样式规则可以应用于同一个元素,最终的样式...
1. 安装:使用npm(Node.js包管理器)进行安装,命令为`npm install css-imports`。 2. 引入库:在你的构建脚本中引入`css-imports`,例如在Node.js环境中,`const cssImports = require('css-imports')`。 3. 处理...