HTML - 随笔分类 - aparche

摘要：样式：HMTL代码：阅读全文

posted @ 2015-01-10 20:09 aparche 阅读(3409) 评论(0) 推荐(0)

摘要：无标题文档阅读全文

posted @ 2013-12-03 17:55 aparche 阅读(933) 评论(0) 推荐(0)

摘要：要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。目录1简介1.1 1.1 类别选择器1.2 1.2 标签选择器1.3 1.3 ID选择器1.4 1.4 后代选择器1.5 1.5 子选择器1.6 1.6 伪类选择器1.7 1.7 通用选择器1.8 1.8 群组选择器1.9 1.9 相邻同胞选择器1.10 1.10 属性选择器2总结1简介什么是选择器呢？每一条css样式定义由两部分组成，形式如下： [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。 “选择器”指明了{} 阅读全文

posted @ 2013-11-25 11:08 aparche 阅读(876) 评论(0) 推荐(0)

网页背景图片自动适应窗口大小的代码

摘要：前几天在做一个网页想把一个分辨率比较大的一个背景图片自动适应窗口大小，但是网上搜了下大都是使用JS控制网页背景随窗口大小自动适应的，而且大都效果不理想，最后终于找到了一个简单的办法本来是想看看css能不能实现背景图片自动适应窗口的的，但是可惜的是在CSS2中，背景图的大小在样式中是不可控的，比如要想使得背景图填充满某个区域，你要么重新做张大点的图，要么就只能让它以平铺的方式来填充。想用css3中的background-size吧，但是它现在兼容性不是很好，对于IE来说只能兼容IE9 所以下面我就使用了下面的方法成功的把一个1920x1200的图片自动适应窗口这里是你自己写的其他... 阅读全文

posted @ 2013-10-28 20:36 aparche 阅读(56752) 评论(1) 推荐(2)

根据不同浏览器使用不同的css文件

摘要：代码：无标题文档 asdasdasd 阅读全文

posted @ 2013-06-29 14:19 aparche 阅读(601) 评论(0) 推荐(0)

网页中的上标和下标实现

摘要：方法一：HTML里的sup和sub分别是上标和下标，语义清晰。但是在某些浏览器中有问题。例如：H<sup>2</sup>OH<sub>2</sub>O方法二：使用表格布局来实现：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>网页上标、下标的实现方法</TITLE> </HEAD> <BODY> 阅读全文

posted @ 2013-04-13 10:58 aparche 阅读(2291) 评论(0) 推荐(0)

用CSS制作三栏液态布局

摘要：下面是CSS代码：body { margin: 0px; padding: 0px;}div#header { clear: both; height: 50px; background-color: aqua; padding: 1px;}div#left { float: left; width: 150px; background-color: red;}div#right { float: right; width: 150px; background-color: green;}div#middle { padding: 0px 160px 0px 160px; margin: 0p 阅读全文

posted @ 2011-12-27 21:35 aparche 阅读(1266) 评论(0) 推荐(0)

HTML中Meta标签的作用

摘要：meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个： name 属性 1、<meta name=&quo 阅读全文

posted @ 2011-04-16 11:04 aparche 阅读(1112) 评论(0) 推荐(1)

Css2.0实现圆角边框

摘要：<!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 http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-03-09 11:55 aparche 阅读(2733) 评论(0) 推荐(0)

clientHeight ,offsetHeight,style.height,scrollHeight有区别与联系

摘要：style.height 包括元素的滚动条,不包括边框clientHeight 不包括元素的滚动条和边框,只有在没有元素的滚动条的情况下,style.height相等于clientHeightoffsetHeight 包括元素的滚动条和边框,只有在没有元素的滚动条和边框的情况下,offsetHeight==style.height==clientHeightscrollHeight offsetHeight+scrollTop,只有在没有元素的滚动条和边框和滚动时的情况下,offsetHeight==style.height==clientHeight==,offsetHeight==sty 阅读全文

posted @ 2011-02-28 22:10 aparche 阅读(1604) 评论(0) 推荐(0)

HTML获取URL传递的参数

摘要：<!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 http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-02-28 21:44 aparche 阅读(24945) 评论(0) 推荐(2)

IE6以及低版本浏览器重模拟position:fixed的效果

摘要：<!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 http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-02-13 17:24 aparche 阅读(447) 评论(0) 推荐(0)

随笔分类 - HTML