`

xml与css-1

阅读更多
<?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与其他技术CSS与XML的综合运用 - CSS与其他技术

    VBScript-JavaScript-Dhtml-SQl-WSH-DOM-XML-CSS-ASp._VBScript HTML

    VBScript JavaScript Dhtml SQL WSH DOM XML CSS ASp等12个参考手册

    CSS-HTML-JS-XML的概念及之间的关系

    ### CSS-HTML-JS-XML的概念及之间的关系 #### HTML:构建网页的骨架 - **定义**:HTML,全称为HyperText Markup Language,即超文本标记语言,是一种基础的标记语言,用于创建网页内容和结构。它使得内容可以从一...

    XML+CSS小例子

    这个小例子展示了XML和CSS结合的强大之处,即分离了数据结构与表现形式,使得XML数据可以被多个样式表以不同的方式呈现,同时保持数据本身的独立性和可读性。 总结一下,这个“XML+CSS小例子”主要涉及以下知识点:...

    xml+css+xsl个人简历

    1. 创建XML文件:定义简历的结构,如`&lt;name&gt;`、`&lt;education&gt;`、`&lt;experience&gt;`等元素。 2. 编写CSS文件:设定样式规则,定义各元素的显示方式。 3. 编写XSL文件:定义转换规则,将XML转换为HTML或者其他格式。 4. ...

    前端项目-css-doodle.zip

    开发者可以通过导入`css-doodle.js`或者使用CDN链接来在自己的项目中引入CSS Doodle。然后,可以使用特殊的CSS伪类和属性,如`@grid`, `@rule`, `rotate()`, `translate()`, `skew()`等,来定义网格和绘制形状。例如...

    css-template

    标题“css-template”暗示我们关注的是一个基于CSS的模板项目,这个项目可能包含了网页设计的基础结构和样式。描述中的“css-template”进一步确认了这一点,它可能是为了快速搭建具有预设样式和布局的网页而创建的...

    CSS-DOM-XML-程序员

    XML与XSLT(XML样式表转换语言)结合,可以实现数据的格式化输出。 **.NET** 是微软公司推出的一个开发平台,提供了C#、VB.NET等多种编程语言,以及ASP.NET(用于Web开发)、WPF(Windows Presentation Foundation...

    xml与css的学习

    这是对XML与css的学习,里面有源代码,可以复制粘贴的,欢迎过来采纳哦

    网页设计HTML 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

    前端开发手册大全11个(CSS-javascript-jquery-w3c-XHTML-XML).zip CSS参考手册-Web前端开发参考手册系列 Web前端开发规范手册必备 CSS参考手册 javascript参考手册 CSS参考手册 jquery参考手册 XML参考手册 XHTML...

    css-html-jsp-xml学习笔记

    1. XML语法:XML文档必须有严格的结构,包括文档类型定义(DTD)或XML Schema来验证其结构。元素需要成对出现,属性值需用引号包围,且区分大小写。 2. 树形结构:XML文档可以视为一棵树,根元素包含其他元素,元素...

    bbs(jsp+xml+css)

    【标题】:“bbs(jsp+xml+css)”指的是一个基于JSP、XML和CSS技术构建的小型论坛系统。这个系统利用了JSP的动态网页功能,Javabean的业务逻辑处理,以及XML用于数据存储,同时结合CSS来实现页面的样式设计。 【JSP...

    1698997419587711_css-menu-1.rar

    标题 "1698997419587711_css-menu-1.rar" 暗示我们关注的是一个与CSS相关的资源,特别是关于菜单设计的。描述中的内容相同,没有提供额外信息,但我们可以从压缩包内的文件名 "css-menu-1.html" 推测这是一个关于CSS...

    xml课程设计---xml留言板

    1. XML基础: - XML语法:XML文档由元素、属性、文本节点等组成,遵循严格的规则,如元素必须有关闭标签,属性值需加引号等。 - XML文档结构:XML文档通常包含声明(`&lt;?xml version="1.0" encoding="UTF-8"?&gt;`)、...

    XML与CSS、XML与XSL及在页面中直接调用XML的数据

    2. **XML与CSS(层叠样式表)** CSS用于描述XML文档的视觉表现,通过选择器匹配XML元素并应用样式。例如,我们可以为上述XML中的`book`元素定义样式: ```css book { font-family: Arial, sans-serif; color: #...

    ASP+XML+CSS

    "网站开发专家-精通ASP+XML+CSS网络开发混合编程-源文件上传 在 sun 上"可能是教程配套的资料,包含了更多详细信息和实战案例。 学习这部分内容,你需要掌握ASP的基本语法,如变量、控制结构、内置对象等;理解...

    前端开源库-css-shorthand-expand

    `css-shorthand-expand`是一个开源库,专注于将这些CSS的简写属性展开为它们的完整形式,从而帮助开发者更好地理解和调试CSS代码。 标题“前端开源库-css-shorthand-expand”指出了这个项目的核心——这是一个面向...

    css-handbook_handbook_css_

    CSS手册,如“css-handbook”,旨在提供全面、详尽的CSS指南,帮助开发者更好地理解和应用这一强大的样式语言。 ### CSS基础 CSS的核心概念在于其层叠特性,这意味着多个样式规则可以应用于同一个元素,最终的样式...

    前端开源库-css-imports

    1. 安装:使用npm(Node.js包管理器)进行安装,命令为`npm install css-imports`。 2. 引入库:在你的构建脚本中引入`css-imports`,例如在Node.js环境中,`const cssImports = require('css-imports')`。 3. 处理...

Global site tag (gtag.js) - Google Analytics