使用CSS来显示XML
实现效果
学号 姓名 班级 课程 教师
表格背景设为绿色,单元格居中显示
学号部分,蓝色字体,16磅大小;
姓名部分红色字体,带有下划线,12磅大小
班级课程名,教师,绿色字体,12磅大小
XML代码:
<?xml version="1.0" encoding="UTF8"?>
<?xml-stylesheet type="text/css" href="student.css"?>
<students>
<student>
<sid>学号</sid>
<sname>姓名</sname>
<sclass>班级</sclass>
<scourse>课程</scourse>
<teacher>任课教师</teacher>
</student>
<student>
<sid>1215115001</sid>
<sname>果果</sname>
<sclass>软件设计</sclass>
<scourse>数据结构</scourse>
<teacher>王岷</teacher>
</student> <student>
<sid>1215115001</sid>
<sname>明明</sname>
<sclass>数据库</sclass>
<scourse>算法分析</scourse>
<teacher>王博</teacher>
</student>
<student>
<sid>1215115001</sid>
<sname>贝贝</sname>
<sclass>游戏开发</sclass>
<scourse>数据库编程</scourse>
<teacher>陆路</teacher>
</student>
</students>
css代码:
students
{
border:1px solid;
color: #33FF66;
width:500px;
height:170px;
text-align:center;
vertical-align: middle;
position:middle;
}
student
{
background-color:#33FF66;
display:block;
margin:5px 5px 5px 5px ;
border:1px solid;//表格边框
width:500px; }
sid
{
color:blue;
font-size:16pt;
display:inline;
line-height:30px;//表格高度 }
sname
{
color:red;
font-size:12pt;
text-decoration:underline;
display:inline;
line-height:30px; }
sclass,scourse,teacher
{ color:green;
font-size:12pt;
display:inline;
line-height:30px;
}
参考链接:http://xml.jz123.cn/xml_display.asp.htm
http://www.divcss5.com/rumen/r119.shtml
使用CSS来显示XML的更多相关文章
- CSS控制XML与通过js解析xml然后通过html显示xml中的数据
使用CSS控制XML的显示 book.css bookname{ display:block;color:Red} author{ display:block;font-style:italic} p ...
- 雷林鹏分享:使用 CSS 显示 XML
使用 CSS 显示 XML 通过使用 CSS(Cascading Style Sheets 层叠样式表),您可以添加显示信息到 XML 文档中. 使用 CSS 显示您的 XML? 使用 CSS 来格式 ...
- 使用 CSS 显示 XML
通过使用 CSS,可为 XML 文档添加显示信息. 使用 CSS 显示您的 XML? 使用 CSS 来格式化 XML 文档是有可能的. 下面的例子就是关于如何使用 CSS 样式表来格式化 XML 文档 ...
- iis浏览网页时提示无法显示 XML 页
无法显示 XML 页. 使用 样式表无法查看 XML 输入.请更正错误然后单击 刷新按钮,或以后重试. 处理资源 'http://localhost/ 时出错.第 1 ...
- 雷林鹏分享:使用 XSLT 显示 XML
使用 XSLT 显示 XML 通过使用 XSLT,您可以把 XML 文档转换成 HTML 格式. 使用 XSLT 显示 XML XSLT 是首选的 XML 样式表语言. XSLT(eXtensible ...
- 使用 XSLT 显示 XML
通过使用 XSLT,您可以向 XML 文档添加显示信息. 使用 XSLT 显示 XML XSLT 是首选的 XML 样式表语言. XSLT (eXtensible Stylesheet Languag ...
- [转]CSS Display(显示) 与 Visibility(可见性)
CSS Display(显示) 与 Visibility(可见性) display属性设置一个元素应如何显示,visibility属性指定一个元素应可见还是隐藏. 隐藏元素 - display:non ...
- IIS 浏览aspx页面出现 无法显示 XML 页
问题: 无法显示 XML 页. 使用 XSL 样式表无法查看 XML 输入.请更正错误然后单击 刷新按钮,或以后重试. 名称以无效字符开头.处理资源 'http://192.168.1.254:808 ...
- ASP.NET - 演练:创建网页以显示 XML 数据
数据通常是以 XML 格式提供给 Web 应用程序的.但是,XML 数据本质上是分层的,因此您可能希望能够在基于列表的控件中使用 XML 数据,如 GridView 或 DropDownList 控件 ...
随机推荐
- sharepoint 2010 使用自定义列表模版创建列表(1)
我们在使用sharepoint的过程中,发现一个比较好用的功能,就是“将此列表另存为模版”(save list as template),这个功能的作用是,创建一个和当前列表或者文档库一模一样的配置, ...
- python sqlite 查询表的字段名 列名
获得查询结果表的列名: [python] view plain copy print ? db = sqlite.connect('data.db') cur = db.cursor() cur ...
- Mac 安装Qt5.1编译出现的错误解决
错误提示: :-1: 错误:Xcode is not installed in /Volumes/Xcode/Xcode.app/Contents/Developer. Please use xcod ...
- arm+linux 裸机环境搭建之安装工具篇(eclipse)
之前已经讲述如何安装gcc和gdb,在此不赘述! 一.所需要的软件有两个: jre-7u25-linux-i586.rpm(虚拟机) eclipse-cpp-kepler-R-linux-gtk .t ...
- git创建分支
1.创建本地分支名称为dev的本地分支 git branch dev 2.将本地分支添加到远程分支 git push origin dev 3.查看创建的本地分支, 带有*符号的分支,代表当前所在分支 ...
- C#中byte[] 与指针
本文假定读者熟悉byte[].指针. C#是类型安全的,默认是不允许使用指针,但是针对C\C++或者其他语言的程序员(delphi)转为使用C#的的工作人员,不适用指针觉得很别扭.下面介绍一下基础的指 ...
- 我的第一个html计算器
html代码. <!DOCTYPE HTML> <html> <head> <style type="text/css"> body ...
- sticker.js贴纸效果
http://stickerjs.cmiscm.com/ <div class="sticker gbtags"></div> <!-- 引用Java ...
- PHP上传图片至阿里云
<?php header("Content-type: text/html; charset=utf-8"); header('Access-Control-Allow-Or ...
- 前端公共库cdn服务推荐//提高加载速度/节省流量
前端公共库cdn服务推荐,使用可以提高js库加载速度同时也可以节省自己空间的流量,CDN加速公共库虽好,不过一定要使用靠谱的前端cdn服务提供方. 以下整理出比较靠谱的国内cdn加速服务器.排名不分先 ...