HTML/CSS
aszx0413
这个作者很懒,什么都没留下…
展开
-
HTML页面自动跳转的五种实现方法
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。 1)html的实现 <head> <meta http-equiv="refresh" content="5;url=hello.html"> </head> 优点:简单缺点:Struts Tile...原创 2010-07-17 11:03:49 · 233 阅读 · 0 评论 -
INPUT、SELECT等表单元素的对齐问题
1.INPUT和图片按钮对齐: <script type="text/javascript" src="https://gist.github.com/aszx0413/daef8e477109d6889b7e.js"></script>也可以在按钮的样式里面加入:vertical-align:middle; 2.INPUT和文字对齐 定义INPUT的样式,input ...原创 2013-04-02 15:20:21 · 679 阅读 · 0 评论 -
样式中文字大小px、pt、em的区别
在网页设计、样式代码编程过程中经常用到的设置字体大小的有px、pt、em等,本篇文字主要说说这三者的区别。基本概念:px 就是表示pixel,像素,是屏幕上显示数据的最基本的点,最小单位;pt就是point,是印刷行业常用单位,等于1/72英寸。 em, 其实就是%,从这个概念上看,em才是真正的“相对单位”。 px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么? 可以画的很小,...原创 2010-12-08 14:31:24 · 226 阅读 · 0 评论 -
CSS样式中的大于号(>)
body div是上下文选择符,表示选择body里面的所有div,注意是所有的,无论是不是直接承下关系。但是body>div不同。>是子代选择符,它表示的是选择body的子代div。例如在结构<body> <div id="我被选择" class="1"> <div class="2">我没有被原创 2010-12-08 10:18:39 · 607 阅读 · 0 评论 -
文字与input(单选框+复选框+输入框)垂直居中
在HTML页面中,让同一行的文字与input垂直居中。文档信息:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">解决办法:设置input(注意是input的)的CSS样式:...原创 2010-11-25 14:13:12 · 402 阅读 · 0 评论 -
Html标签-Fieldset学习与使用
笔者在做网站设计网页的时候,经常需要实现这样的效果:把页面显示的元素按分类(或者说按组)来显示。这样说理解起来很费力,上个图就清晰明了了。这种分块的页面显示,笔者很是喜欢。特别是每一个块状都有围起来border,在块的标题不在块外也不在块内,而嵌在块的border当中。笔者在以前曾经这样实现过这种效果:2个或3个div。div1作为拥有border的div,div2作为标题,用绝对...原创 2011-03-11 15:09:14 · 339 阅读 · 0 评论 -
跳转到页面某个位置
假定现在要点击“LINK”超链接,<a href="#n1">LINK</a> 跳转到页面某一位POS<a name="n1" />POS原创 2011-06-30 14:13:20 · 195 阅读 · 0 评论 -
固定DIV|纯CSS实现
在网页开发的时候,经常需要页面上有一个固定的DIV,而且,希望随着滚动条的滚动这个固定的DIV不会刷新(抖动)。 下面来说一下纯CSS实现<div id="fix_d"></div>的固定方法。 1. 设置HTML,BODY的样式 html{overflow:auto; height:100%;}body{overflow:auto; height:...2011-06-30 11:51:20 · 160 阅读 · 0 评论 -
网页标题小图标favicon
在IE下<!--IE下用静态icon--><link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" /><link rel="bookmark" type="image/x-icon" href="images/favicon.原创 2011-03-05 12:51:45 · 119 阅读 · 0 评论 -
DIV最小高度且自适应高度
在IE6中,如果子容器的高度超过父容器的时候,父容器会被子容器撑开,所以我们可以直接设置一个height的高度值即可。但是在IE7和firefox就不行了,它不会自动撑开。如果要设置DIV自适应高度,我们可以采用height:auto;这个属性;不过这个属性IE6又不支持了。是不是很头痛?其实解决这个问题不难,而且方法也不少,这里推荐一种:(假设我们需要控制的这个DIV最小高度是100px,超...原创 2010-10-15 15:11:53 · 187 阅读 · 0 评论 -
兼容多浏览器的居中Compatible Center
方法1:body下的div需要居中。CSS样式:<style>/* body设置属性text-align为center */ body {text-align:center;} /* id="c"的div设置属性margin为auto */ div#c {margin:auto;}</style> HTML代码:...原创 2010-10-13 19:00:41 · 153 阅读 · 0 评论 -
固定DIV|通过建立虚拟BODY
这里稍微总结一下,那就是利用JavaScript脚本,从浏览器中获取各个关于位置的参数,然后将其计算后,定位在窗体的右下角。可以承认,这个方法确实是比较自然的想法,也是很常见的方法,但是这样的方法有以下几个缺点: 1、使用了大量的计算,每次滚动,都少不了一大堆的运算。 2、使用了JavaScript脚本,脚本这东西受到浏览器的限制,即便没有限制,也同样因为网页的下载模式问题,可能因为脚本下载未完成...原创 2010-10-07 15:23:06 · 107 阅读 · 0 评论 -
Web前端开发规范文档
规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求...原创 2011-04-20 10:27:31 · 83 阅读 · 0 评论 -
All About Canvas
Canvas Basic Tutorialhttp://billmill.org/static/canvastutorial/index.html原创 2010-12-20 17:03:58 · 105 阅读 · 0 评论 -
在html中引入CSS的方法
在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种1。行内式 即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。 2。嵌入式在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便<style type="text/css"> ...原创 2010-07-18 11:19:05 · 146 阅读 · 0 评论 -
JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽:...原创 2012-12-19 00:33:07 · 100 阅读 · 0 评论