随笔分类 - 前台HTML/CSS
摘要：这一段时间打算完全用CSS的DIV编写一个页面，做了两天思绪就有点乱了。有的时候把某一个问题单独抽出来看感觉很简单。而复合起来就难的多,各种各样的问题就来了。程序中最讨厌的就是找BUG了。思路前后衔接不上，捋不清头绪，看的头都大了。家里有两个高手，不过却很少问。就像我的东西一定要从头到尾由我经手来做，那才是我的东西。呵呵～****************************************学习笔记：呵呵～～这次的笔记比较多定位标签：position包含的属性：relative（相对）与 absolute（绝对）1.position:relative; 如果对一个元素进行相对定位，首
阅读全文
摘要：用ul和li实现表格table效果，很多时候表格table的框架太死，而且代码太多，如你想加句话至少也要<tr><td></td></tr>说不一定外面还要加一个table很麻烦，而用ul和li处理代码量相对就减少了，但是就要求你对css掌握要求很高，今天同志们不用担心了，原代码分享出来了，我朋友也找这个很久了才找到的，我今天分享给大家。用ul和li实现表格table效果图：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-eq
阅读全文
摘要：语法：display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group 参数：block : CSS1 块对象的默认值。用该值为对象之后添加新行none : CSS1 隐藏对象。与visibility..
阅读全文
摘要：http://jorux.com/archives/95-websites-of-china-need-to-rewrite-css/ em指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了
阅读全文
摘要：id同name的区别ID的属性是最高级别的.而form中的name级别是比较低的.如果说我要取一个值的话用这两种方法来写.如下:这是name的写法 window.document.form.name.value 而ID的话则只需要用ID.value就能够直接抓出值来.因为它比window的级别还高.所以只需要这样用ID和Name都可以用来标识一个标记，Javascript分别有两个方法getElementById和getElementByName来定位Dom节点。 区别如下： 1、我们知道在网页做Post提交时，是以Form（即表单域）为单位进行提交的，一个Form里有若干个表单对象(如<
阅读全文
摘要：本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。(本文的示例，请看这个附件demo。)说明：占位空间：元素在文档流中所占据的空间。物理空间：元素本身所占据的空间。下面分3种情况分别对相对定位和绝对定位进行讨论：1.只使用css第一组属性布局定位元素的情况2.只使用css第二组属性布局定位元素的情况3.混合使用第一组和第二组属性的情况图1为未定位时的初始效果，层级关系为：<div <div box1 <div bo
阅读全文
摘要：<!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=gb23
阅读全文
摘要：表单元素（控件）不可见，你用visibility还是display？属性大比拼：visibility和display的介绍今天在做一个表单时涉及到这方面，当选中相应的选项后设置相应的几个元素（控件可见或不可见），后来还是用了visibility来实现。我们先来看下visibility对应的几个属性的介绍：visibility:visible/*元素可见，默认值*/visibility:hidden/*元素不可见，但仍然为其保留相应的空间*/visibility:collapse/*只对table对象起作用，能移除行或列但不会影响表格的布局。如果这个值用 在table以外的对象上则表现为hidd
阅读全文
摘要：上午在学习框架知识的时候 看到有个小箭头 但我怎么也没有找到图标 只有一个数字(3或者4) 但显示出来却是一个图标 我试着将应用在这个数字上字体删除 图标变回来原来的数字 看来是这个字体在作怪 （用各种图形来标识 数字 字母等 ）<!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
阅读全文
摘要：原文出处:http://www.cnblogs.com/wennxxin/archive/2008/10/11/1308516.html■ 框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可，而所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。<FRAMESET> 是用以划分框窗，每一框窗由一个 <FRAME> 标 记所标示，<FR
阅读全文
摘要：HTTP Request header当今web程序的开发技术真是百家争鸣，ASP.NET, PHP, JSP，Perl, AJAX 等等。 无论Web技术在未来如何发展，理解Web程序之间通信的基本协议相当重要, 因为它让我们理解了Web应用程序的内部工作. 本文将对HTTP协议进行详细的实例讲解，内容较多，希望大家耐心看。也希望对大家的开发工作或者测试工作有所帮助。使用Fiddler工具非常方便地捕获HTTP Request和HTTP Response, 关于Fiddler工具的用法，请看我另一篇博客[Fiddler 教程]阅读目录什么是HTTP协议协议是指计算机通信网络中两台计算机之间进
阅读全文
摘要：本文将首先介绍如何使用Visual Studio开发一个简单的ActiveX控件，然后介绍ActiveX控件开发相关的基础知识，比如方法，属性和事件等，最后介绍如何利用这些知识，实现ActiveX控件和网页页面之间的通信。MyActiveX控件的效果图简介ActiveX是由Microsoft在90年代中期提出的一项技术。利用ActiveX技术，开发者可以创建像Java小程序applet一样的小型应用程序。这些应用程序可以被下载然后在Microsoft的浏览器中运行。这篇文章是为那些想学习如何开发他们的第一个ActiveX控件的Visual C++开发者准备的。当我自己尝试学习这些技术的时候，我
阅读全文
摘要：用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。CSS边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School边界(margin)：元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。——CSS权威指南padding称呼为内边距，其判断的依据即边框离内容正文的距离，而我喜欢CSS权威指南解释的“补白”（或者叫“留白”），因为他很形象。补白 (padding)：补白位于元素框的边界与内容区之间。很自然，用于影响这个区域的属性是padding
阅读全文
摘要：1. link标签是属于xhtml范畴，而@import则是css2.1中特有的。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。 2. 加载的顺序的区别，link加载的css时，是一种并行(没有尝试是否是这样)加载CSS方式，而@import则在整个页面加载完成后才加载。3. 兼容性的区别，因@import是CSS2.1才特有的，所以对于不兼容CSS2.1的浏览器来说，无效。4. 在样式控制上(比如动态改变网页的布局时,使用javascript操作DOM)的区别，此时@import就无能为力了。
阅读全文
摘要：2007-3-18 上午 - HTML/CSS/XML/XSL - CSS - marginmargin 在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。一、margin的基本特性margin 属性包括 margin-top, margin-right, margin-bottom, margin-left, margin，可以用来设置 box 的 margin area。属性 margin 可以用来同时设置 box 的四边外边距，而其他的 margin 属性只能设置其自各的外边距。margin 属性可以应用于几乎所有的元素，除了表格显示
阅读全文
摘要：＃包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)或者<input onclick><div onclick>等打开新窗口链接的几种办法1.window.open('url')2.用自定义函数<script>functionopenWin(tag,obj){obj.target="_blank";obj.href
阅读全文
摘要：<p><a href="#C4">查看 Chapter 4。</a></p><h2>Chapter 1</h2><p>This chapter explains ba bla bla</p><h2>Chapter 2</h2><p>This chapter explains ba bla bla</p><h2>Chapter 3</h2><p>This chapter explains ba bl
阅读全文
摘要：.textsidered{ background-image: url(../Img/textb.gif); background-position: -2px -100px; background-repeat: no-repeat; padding: 10px 5px; width: 210px;}网上有很多程序的图标是一个图片 然后切割成了多个部分 用到得就是 background-position许金杰 在前台用的是2个div 叠加 左边部分 叠加右边部分
阅读全文
摘要：<table style="height: 600px; width: 100%;"><tr> <td align="center" valign="middle">您的内容</td> </tr> </table>说明 ：高度需要设置一下 如果默认100% 则不起作用
阅读全文
摘要：1.利用table特性，在widthandheightallset100%的时候，可以把容器嵌套在td内形成绝对居中，此时的被嵌套容器可为绝对或者相对大小。（非标准）注意不能加声明！ 如是在标准模式下要加样式body,html{height:100%;padding:0;margin:0;}<tablewidth="100%"height="100%"border="0"align="center"cellpadding="0"cellspacing="0">&l
阅读全文