随笔分类 - HTML/CSS
摘要：XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。XPath 是 W3C XSLT 标准的主要元素，并且 XQuery 和 XPointer 同时被构建于 XPath 表达之上。因此，对 XPath 的理解是很多高级 XML 应用的基础。XPath 术语节点（Node）在 XPath 中，有七种类型的节点：元素、属性、文本、命名空间、处理指令、注释以及文档（根）节点。XML 文档是被作为节点树来对待的。树的根被称为文档节点或者根节点。请看下面这个 XML 文档：<?xml version="1.0" enco
阅读全文
摘要：<!--页面自适应--> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <meta con
阅读全文
摘要：/*菜单样式*/#html_menu li{ width : 106px; height: 39px; float: left; line-height: 39px; text-align:center; list-style-type: none; font-size: small; font-weight: bold;}#html_menu a{ color: #FFFFFF; display :block; width:100%; height:100%;}#html_menu a:hover{ backgro...
阅读全文
摘要：#header { width:970px; margin:0 auto; height:55px; line-height:45px; left: 0; position: fixed; right: 0; top: 0; z-index: 1030; overflow: visible; background-color:#00000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset; clear: both...
阅读全文
摘要：<head runat="server"><link rel="shortcut icon" href="../WebSite.ico"></head>
阅读全文
摘要：float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。浮动元素将以块级元素出现，即display=block并将忽略display的其他设置。浮动元素后的元素将浮动到浮动元素的位置浮动元素将向左或向右直到遇到边框或一个块级元素位置创建固定宽度的DIV 设置宽度为固定值#style1 { width :300px; height :200px; }创建宽度自适应的DIV 设置宽度为百分值#style1 {.
阅读全文
摘要：<a style="cursor:hand" onclick="this.style.behavior="url(#default#homepage)"; this.setHomePage("yourURL">设为首页</a> <a style="cursor:hand" onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a>
阅读全文
摘要：reset.css本意就是重置样式，这里我们分析两个主流的reset.css，并且比较它们的利弊，选择适合我们的reset.css；目前比较流行的有Eric Meyer的重置样式和YUI的重置样式。1、最好不要用* { margin: 0; padding: 0; } 虽然国内对于是否用它有很多分析，主要是为很方便而使用，另外一个是为太占下载线程而放弃；2、默认色彩对于页面是不是有默认背景色和前景...
阅读全文
摘要：<marquee direction=left height=90 scrollamount=2 scrolldelay=90 bgcolor=#00eeff behavior=alternate width="100%"> <img border=0 src="http://images.cnblogs.com/d.jpg" height=90> <img bord...
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt...
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"><he...
阅读全文
摘要：css代码： #dlgReply { /*display: table-cell; text-align: center;*/ vertical-align: middle; } table { margin-left: auto; margin-right: auto; }html代码：<div id="dlgReply"> <table> <tr> &...
阅读全文
摘要：超链接： a:link{ color :#00688B;text-decoration:none;font-size: small}//未 a:hover{ color :#000000;text-decoration:underline} a:active{ color :Gray ;text-decoration:underline} a:visited{ color :#00688B;text-decoration:none;font-size: small }//过水平线：<hr size="1" style="border-style: dotte
阅读全文
摘要：使用css来设置背景图片同传统的做法一样简单，但相对于传统控制方式，css提供了更多的可控选项，我们先来看看最基本的设置图片的方法。xhtml代码： <div id="content"> </div> css代码：#content { border:1px solid #000fff; height:500px; background-image:url(images/bg...
阅读全文
摘要：<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" id="Untitled.swf" align="middle" style="width: 100%; height: 367px;"> <param name=&qu
阅读全文
