认清CSS的类class和标识id选择符 |
认清CSS的类class和标识id选择符——在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。
认清CSS的类class和标识id选择符
在CSS初级教程中我们仅仅考虑了 |
推荐:网页中三列自适应高度布局的实现 |
三列的布局,一个固定宽度的左列是导航列,右列可以放Google Ads 或者 Flickr的像册,自适应宽度的中间列是主要内容。
特点:
有一个自适应宽度的中间列与固定的宽度左右列。
中间列的主要内容首先出现在网页中。
可以允许任一个列的内容为最高。
非常简单的CSS和最少的Hac |
CSS的“顶级”技巧 |
Snook.Ca最近给所有的CSSer提出了一些写CSS时候的“顶级技巧”。
字体大小使用px
在一行内声明CSS
对比下面两个:
|
推荐:网页中三列自适应高度布局的实现 |
三列的布局,一个固定宽度的左列是导航列,右列可以放Google Ads 或者 Flickr的像册,自适应宽度的中间列是主要内容。
特点:
有一个自适应宽度的中间列与固定的宽度左右列。
中间列的主要内容首先出现在网页中。
可以允许任一个列的内容为最高。
非常简单的CSS和最少的Hac |
CSS实现导航条图片的翻转菜单 |
如果用传统的方法制作这个翻转菜单,至少需要把图片切成10块,还要加上JS代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图:
|
CSS布局中自适应高度的解决方法 |
这是div+css布局中经常会碰到的基础问题,个人觉得采用背景图填充的方法,还是比较简单和切实可行的。最终效果。
CSS源代码:以下是引用片段:
body{
background:#EDEDED; |
提高网页的用户体验:字体大小的设计 |
现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率 ,当屏幕的分辨率一定时,如果你感到字太小,阅读有困难,在非标准浏览器中就无能为力了,所以说,如果把单位改成em,那么就可以用CTRL+鼠标滚动把字放大,或者用菜单上的查看>文字大小来改变字的大小。
如何设定
|
CSS中的滑动门技术研究 |
在CSS中,一个经常被人们讨论的先进之处即背景图像的可层叠性,并允许他们在彼此之上进行滑动,以创造一些特殊的效果。根据CSS2.0当前的规定,每一个背景图像都需要各自的HTML元素。在许多情况下,典型的标记已经为一般的接口组件提供了多种元素以供我们使用。
标签导航栏就是其中的一个例子。过去,我们频繁的使用这些标签,并已成为了一种非常流行的站点导航方式。现今,在CSS已被广泛支 |
用css制作扑克牌(图) |
用css制作扑克牌 Quote声明:此文章是我对Mike Hall 源代码的研究得到 了解更多请到 第一步: 分析扑克牌的结构,看看是由哪些元素组成的
|
为不同的浏览器载入不同CSS的二种方法 |
由于各浏览器(IE、gecko、opera......)对CSS的渲染方式都有所不同,造成显示效果不同,所以可通过对其载入不同CSS的方法来解决,下面介绍下二种方法来实现,不一定很实用,难的玩一把。
纯CSS方式
以下是引用片段:
|
下拉菜单的简单制作 |
对于如今热衷于网页设计的爱好者们来说,单调的网页效果已经远远不能满足他们新奇的心理了。本文就来介绍一种简单的下拉菜单的制作。只要你懂得一点点HTML的知识,就可以。即使什么也不懂,照葫芦画瓢也行,呵呵。
第一步,定义下拉菜单JS代码
以下是引用片段:
|
静态网页加密 |
前两天看见有人问静态网页加密问题,就写了这个代码
思路
:
加密时:
先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中。
解密时
var tab=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstu |
HTML-加速、再加速 |
web开发人员是否必须掌握复杂的组件技术才能加快html页面的访问速度?答案是:不一定!实际上,有许多关于HTML与DHTML方面的技巧,它们原理简单而且上手容易。无论是技术高超的老手,还是初涉编程的菜鸟,领会这些都十分必要。
明显HTML,暗渡“公用脚本”
减少web页面下载 |
网页制作基础技巧 框架(帧窗口)间的交互 |
在多窗口的分帧页面中,各分窗口之间的信息交互是经常的事。在导航窗口中点了超级链接,那么如何在另一窗口中打开链接的网页呢?我在这个窗口中按下按钮,能在另一个窗口中写信息吗?窗口那么多,又如何识别窗口呢?请看下面的例子。
一、在导航窗口点击链接,在另一窗口打开网页
|
CSS 制作的三级菜单特效代码 |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|http |