网页风格化 用CSS实现皮肤适时切换

网页风格化 用CSS实现皮肤适时切换的相关文章

• 
  网页中CSS样式切换的实现

  标签：Web开发

  样式与数据分离所带来的不只是符合标准这样的简单，样式既然与数据分离那么样式的切换则变得理所当然的了！但是网上这样的中文教程实在是太少了！收集了一部分中外网站已经实现的技术资料整理出来供网友参考。 首先要具备不同内容的CSS文件（最好每个文件代表一种样式，或是代表需要作出变动的部分）。这里以三个为例： 第一个是背景为红色的CSS文件（red.css）CSS中的内容为： body {...[ 查看全文 ]

  鍗曠函鈽炲彈鎸

  01
• 
  实时切换网页的CSS样式实现

  标签：Html CSS布局 Div+CSS XHTML

      用W3C标准建造的网站，从理论上来说可以做到完全的表现与结构相分离。打个比方，就是可以在不动骨架（结构，XHMTL）和肌肉（行为，Javascript）的前提下，彻彻底底地换一身皮（表现，CSS）。      当然，换皮之前你需要先按W3C标准建好你的网站，并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”，我们要做的，只是用某种方法让浏览器载入另一套CSS，...[ 查看全文 ]

  小冰辛

  981
• 
  自动按时段切换网页的CSS风格

  标签：Web开发

  站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤，主要是分别制作了背景。12点以前系统会使用早上的皮肤，过了12点，站点会自动替换成下午的风格，5点后则替换成夜晚的风格。 主要的功能实现是靠在头部的这段判断代码，很容易理解。有兴趣可以自己试试。 link rel="stylesheet" type="text/css" href="？php $hour = date("H"); if ($hour 12) echo "morning.css"; e...[ 查看全文 ]

  1270388047

  101
• 
  用CSS控制网页总体风格

  标签：Html CSS布局 Div+CSS XHTML

    网页设计中我们通常需要统一网页的整体风格，统一的风格大部分涉及到网页中文字属性、网页背景色以及链接文字属性等等，如果我们应用CSS来控制这些属性，会大大提高网页设计速度，更加统一网页总体效果。     为了达到修改整个网页的目的，我们需要编辑一个外挂式的CSS文档。根据这个文档定义和修改不同CSS属性并在页面元素相同或者相似的网页里调用它。   &nbs...[ 查看全文 ]

  Deerway丶any

  261
• 
  用CSS实现网页的绝对居中

  标签：Web开发

  6.FF1.5测试通过，绝对定位，直接定位上下左右，强制边局实现容器相对大小（标准）： 代码：略 7.ff1.5 IE5 IE6通过测试 HTML代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="//www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titleVertical centering in valid a class...[ 查看全文 ]

  艾瑟nice

  31
• 
  网页制作实例：用CSS实现图片垂直居中方法

  标签：Web开发

  网页制作，用CSS实现图片垂直居中方法 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"style type="text/css"!--body {margin:0;padding:0}div {width:500px;height:500px;line-height:500px;border:1px solid #ccc;overflow:hidden;position:relative;text-align:center;margin:auto}div p ...[ 查看全文 ]

  山水相连528

  51
• 
  根据时间段自动切换CSS风格

  标签：Web开发

  我们的博客或者网站总用一个css会造成审美疲劳的，那么我们就想个办法让它自己换好了，以前有很多随机变换css的代码，我就不发了，今天来一个新鲜点的，嘿嘿~ 我们可以让我们的博客或者网站根据当前的时间自动更换风格，比如我们制作两套css，一套上午用，一套下午用。这样我们可以设定12点以前使用上午的css，过了12点就自动换成下午的css。 实现起来也很简单，我用php的，所以只发php版本了。 link rel=...[ 查看全文 ]

  太公湖畔有人家

  71
• 
  用ASP实现网页BBS

  标签：ASP

    传统的网页BBS大多是采用CGI模式实现的，它的实现要求编程者既要掌握编程语言如Perl或C等，又要了解关于CGI模式的各项技术内容，因此要制作自己的网页BBS确实困难不小。ASP（Active Server Pages 动态服务器主页）的出现，使我们眼前一亮，能不能利用ASP实现网页BBS呢？回答当然是肯定的。ASP的诱人之处就在于它提供了一种简单易学的脚本，并带有许多内置的对象，从而提供了一条简捷的编程之...[ 查看全文 ]

  兿轩阁

  111
• 
  CSS自动实现网页打印版本

  标签：Web开发

  下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。 1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。 以下是引用片段： PUBLIC:COMPONENT SCRIPT /SCRIPT /PUBLIC:COMPONENT 2、写一个可执行的脚本。 在下面的代码中，ATTACH 被用于设置 HTC 接收元素在 onmouseover 和 onmouseout 事件被触发的消息。它通知 HTC 通过切换颜色来...[ 查看全文 ]

  娇哥home

  61
• 
  网页导航上用CSS标志当前页效果的实现

  标签：Web开发

  当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不 同，用以给浏览者一个明显的指示。 下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何 实现当前页。 设菜单有5个栏目：home、about、products、services、contact，分别给每个栏目一 个ID，m1-m5，CSS可写成如下： #home #nav li#m1 a, #about #nav li#m2 a, #products #nav li#m3 a, #servic...[ 查看全文 ]

  小丽丽2921

  81
• 
  用CSS轻松实现网上填空

  标签：Html CSS布局 Div+CSS XHTML

        在网上做有奖信息的时候，经常看见一些注册表单，只有一条线供你填写，就跟做考卷时的填空题一样，很Cool！     其实要做成这样的效果并不难，只需用一段很简短的CSS代码即可搞定！     < style type="text/css" < !-- .xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none} -- < /sty...[ 查看全文 ]

  TX聊天专用

  721
• 
  XHTML CSS制作样式风格切换的WEB站点

  标签：Web开发

  随着XHTML的逐渐推广流行，HTML在许多场合已经显得过时。WorldWideWebConsortium(W3C)于2000年6月26日发布了XHTML的第一个版本作为推荐标准。XHTML标准的目标是取代html。按照W3C的说法，XHTML是html的继承者(http://www.w3.org/MarkUp/)。 XHTML具有两大目标： 在文档结构和表示形式之间创建更明显的分离。 将html重新表示为XML的应用程序。 使用XHTML标准的好处是：只需设计页面一次，即可让该页以完全相同...[ 查看全文 ]

  沉默的汉子之歌

  31
• 
  XML加ASP实现网页“本地化”

  标签：ASP

    想让你的站点能被来自多个国家的冲浪者看明白吗？无疑，这就需要提供多个语言版本的页面内容，也就是所谓的“本地化”功能。最容易想到的方法就是分别编写多种语言的页面内容，然后放置到不同的目录下，再在首页上添加导航到各自语言位置的链接。很明显，这样的处理方式将浪费许多包含公共元素以及设计框架的空间，而且修改、维护也很烦琐。有什么好方法吗？当然，本文就介绍如何结合使用XML与ASP技术...[ 查看全文 ]

  jf其实我还好

  21
• 
  用libtemplate实现静态网页生成

  标签：PHP

      by coldwind/iwind/month/ccterran http://iwind.org    有很长一段时间我到处问别人怎么实现静态网页，还向唠叨提过问题，而如今，我终于想出了一个很简单的办法，那就是用libtemplate来实现它。   大家看：http://doc.iwind.org   下面我就如何实现静态网页输出谈一谈。   1，修改libtemplate.   加入两个函数   //...[ 查看全文 ]

  莫甘刺

  111
• 
  4.3 用ASP实现网页BBS

  标签：Web开发

  传统的网页BBS大多是采用CGI模式实现的，它的实现要求编程者既要掌握编程语言如Perl或C等，又要了解关于CGI模式的各项技术内容，因此要制作自己的网页BBS确实困难不小。ASP（Active Server Pages 动态服务器主页）的出现，使我们眼前一亮，能不能利用ASP实现网页BBS呢？回答当然是肯定的。ASP的诱人之处就在于它提供了一种简单易学的脚本，并带有许多内置的对象，从而提供了一条简捷的编程之路。 该BBS...[ 查看全文 ]

  起起落落1989

  01
• 
  网页标准化：CSS代码缩写精简实例

  标签：Web开发

  一些CSS属性允许使用一串值代替许多属性，值使用空格分开。 margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等，形式像这样：property:top right bottom left;逆时针顺序。 所以下面的代码： p { border-top-width: 1px; border-right-width: 5px; border-bottom-width: 10px; border-left-width: 20px; } ...[ 查看全文 ]

  刘玲you

  11
• 
  用css使网页图片半透明

  标签：Web开发

  你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。 让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用css使图片变透明。 也许你会问，GIF...[ 查看全文 ]

  响亮白羊

  01
• 
  用ASP+CSS实现随机背景

  标签：ASP

      随机背景--当你每次进入该页面时，从已指定的图片文件夹中，随机选取一个图片作为背景显示。这里介绍的方法是用ASP+CSS来实现的。 ASP--来自ASP101 以下是引用片段： Const IMGS_DIR = "/images" '设定图片文件夹的地址，随机显示该文件夹内任一张图片 Dim objFSO, objFolderObject, objFileCollection, objFile Dim intFileNumberToUse, intFileLooper Dim objImageFileToUse Di...[ 查看全文 ]

  初代鼠王

  511
• 
  用js实现CSS圆角生成更新

  标签：Web开发

  用js生成任意圆角,下一步就是加入直角导角,圆角导外,外圆角导个,还有边框处理,阴影生成,还有柔化处理都是以后的重点和难点. 中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 ...[ 查看全文 ]

  windy罗先生

  41
• 
  CSS制作网页实例：用CSS控制li标记样式

  标签：Web开发

  list-style-type版本：CSS1/CSS2 兼容***：IE4+ NS4+ 继承***：有 语法： list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 参数： disc : CSS1 实心...[ 查看全文 ]

  逸风309

  121