当前位置：71code站长站 → 站长学习 → 网站开发 → HTML DIV+CSS → 站长学习列表
站长学习标题关闭所有内容预览 | 展开所有内容预览
  • [图文] css制作一款相册 [内容预览] 23 | 2007-06-25 16:10:20
    .Xla963{display:none;}body{font:12pxGeorgia,'TimesNewRoman',Times,serif;text-align:center;background:#9c9a9c;}img{border:0;}h1{background:#638AAD;font-size:14px...

    [阅读全文]

  • 从基础到精通：CSS实用教程（一） [内容预览] 13 | 2007-06-25 16:09:45
    .Zec350{display:none;}　　CSS（CascadingStylesheets，层叠样式表）是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。尤其是当你面...

    [阅读全文]

  • 从基础到精通：CSS实用教程（二） [内容预览] 18 | 2007-06-25 16:09:41
    .Tub531{display:none;}　　七．控制文字的样式515down.com　　控制文字的样式包括文字大小写、文字修饰两个部分。515down.com　　1．文字大小写515down.com　　文字大小写使网页的设计者不用在输入文字时就完成文字的大小写，而可以在输入完毕后，再根据需要对局部的文字设置大小写。...

    [阅读全文]

  • HTML网页制作技巧 [内容预览] 16 | 2007-06-25 16:09:35
    .Ssl422{display:none;}1.怎样定义网页语言(字符集)?　　在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到:515down.com　　<metahttp－equ...

    [阅读全文]

  • CSS实现当前页的滑动门菜单效果方法 [内容预览] 23 | 2007-06-25 16:09:33
    .Kxo637{display:none;}　　当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不同，用以给浏览者一个明显的指示。515down.com　　下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何实现当前页。[我要我当软件园]　　设菜单有5个栏目:hom...

    [阅读全文]

  • [图文] CSS实现导航条图片的翻转菜单 [内容预览] 10 | 2007-06-25 16:09:28
    .Hva338{display:none;}　　如果用传统的方法制作这个翻转菜单，至少需要把图片切成10块，还要加上JS代码，在图片按钮上再加行为，现在完全用CSS来实现，图片只要一张，见下图：[我要我当软件园][我要我当软件园]　　CSS代码：[我要我当软件园]　　#imgmenu{　　width:450px;　　h...

    [阅读全文]

  • 用CSS实现无图片圆角效果 [内容预览] 23 | 2007-06-25 16:09:26
    .Zqb744{display:none;}css圆角效果，IE6,firefox均显示正常[我要我当软件园]<html><head><title>css圆角效果--网站每日新</title><metahttp-equiv="content-type"content="text/html;charset=gb2312"...

    [阅读全文]

  • html页面中嵌入另一个html页面 [内容预览] 27 | 2007-06-25 16:07:54
    .Mqp956{display:none;}　　1、Iframe：<iframesrc="top1.html"frameBorder="0"width="900"scrolling="no"height="90"></iframe>515down.com　　2、Behavior的download方式[我要我当软件园]<...

    [阅读全文]

  • 问与答：CSS层叠样式表最佳入门教程 [内容预览] 30 | 2007-06-25 16:07:44
    .Gtp436{display:none;}　　1、[主题：什么是CSS?它的能做些什么?]　　CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(CascadingStylesheet)。[我要我当软件园]　　在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果...

    [阅读全文]

  • [图文] 网页特效：expression将JS、Css结合起来 [内容预览] 26 | 2007-06-25 16:07:21
    .Vjc378{display:none;}　　IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式...

    [阅读全文]

  • 彻底弄懂CSS盒子模式之三 [内容预览] 22 | 2007-06-25 16:05:55
    .Pjn576{display:none;}一、下面请看float的精彩表演，有请。大家好,我是float,欢迎访问CSS家族,在CSS家族中,在当今CSS排版流行的年代,我可扮演着重要的角色哦。因为我的工作对网页设计人员很有用，就像之前align帮助你们定位网页元素一样重要，但是我的功能似乎比align强多了。接下来...

    [阅读全文]

  • [组图] 彻底弄懂CSS盒子模式之二 [内容预览] 13 | 2007-06-25 16:05:53
    .Oqs577{display:none;}用CSS做导航栏也是轻而易举的事情，在本人之前发表的教程中其实也有一个简单的横向导航栏制作，那时只给出了样式代码并没有作太多的解释，这次要做一个相对复杂点的导航栏，为了加深大家对CSS盒子模式的理解，特别选做一个有多个盒子嵌套实现的导航栏。先看实现原理动画演示：515down...

    [阅读全文]

  • [组图] 彻底弄懂CSS盒子模式之一 [内容预览] 29 | 2007-06-25 16:05:51
    .Zyv454{display:none;}前言如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你的上司要你改变传统的表格排版方式，提高企业竞争力，那么你一定要接触到的一个知识点就是CSS的盒子模式，这就是DIV排版的核心所在...

    [阅读全文]

  • 网页设计中针对中文排版CSS心得 [内容预览] 10 | 2007-06-25 16:05:34
    .Qwr441{display:none;}　　先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用，后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版，比如中文字的截断、固定宽度词内折行（Word-wrap和word-break）等等。因为只是写一些应用方面的心得，如果需要完整的CSS属性介绍...

    [阅读全文]

  • CSS floats创建三栏网页布局 [内容预览] 19 | 2007-06-25 16:03:35
    .Crm439{display:none;}三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。　　　　绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创...

    [阅读全文]

  • 网页技巧：具有亲和力的CSS隐藏文字方法 [内容预览] 18 | 2007-06-25 16:03:23
    .Pvf950{display:none;}　　一个新的，更加具有亲和力的CSS隐藏文字方法介绍，说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般，但是这个方法挺新颖的。[我要我当软件园]　　1.display:none;的缺陷[我要我当软件园]　　搜索引擎可能认为被隐藏的文字属于垃圾信息而...

    [阅读全文]

  • 用CSS：HTML结构化 [内容预览] 15 | 2007-06-25 16:03:16
    .Ugj197{display:none;}你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：515down.com第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把H...

    [阅读全文]

  • 技巧:用CSS缩写给你的网站加速 [内容预览] 82 | 2006-05-12 10:29:00
    Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。为了让网站能够更快，Web的建设者都...

    [阅读全文]

  • CSS的优化技巧 [内容预览] 109 | 2006-05-12 10:28:56
    一.使用css缩写　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二.明确定义单位，除非值为0　　忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width...

    [阅读全文]

  • CSS布局设计的基础：块元素(block element)和 内联元素(inline element) [内容预览] 139 | 2006-05-12 10:28:54
    　　块元素(blockelement)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P。"form"这个块元素比较特殊，它只能用来容纳其他块元素。　　如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默...

    [阅读全文]

  • 打印选择区的文本(带html里规定的格式) [内容预览] 32 | 2006-05-12 10:27:57
    　　搜索网上"打印选择的文本",结果一无所获,于是试着写一个这方面的脚本.　　前言:打印选择的文本,并且含html格式,但是目前还不完善,因为本人并未对document.styleSheets这个对象集枚举其class,id之类的CSS.从而取出它的格式,这也是有待完善的一方面.其实将复制的文本粘贴到FrontPage...

    [阅读全文]

  • 11种刷新按钮的方法 [内容预览] 46 | 2006-05-12 10:27:53
    <inputtype=buttonvalue=刷新onclick="history.go(0)"><inputtype=buttonvalue=刷新onclick="location.reload()"><inputtype=buttonvalue=刷新onclick="location=location"><inpu...

    [阅读全文]

  • 如何防止网页被别站用 iframe 嵌套 [内容预览] 137 | 2006-05-12 10:27:46
    如果您的网站上有很多好的资源采用小页面方式显示，例如，一个音乐播放器页面，即使你做了防盗链，别人也可以通过在其网页里用iframe里嵌套了你的网页来实现同样盗链的效果。那么我现在教你一个好方法，让别人无法嵌套你网站的任何页面。将下面的代码加到您的页面<head></head>位置即可：<scriptlanguage="...

    [阅读全文]

  • 细说HTML元素的ID和Name属性的区别 [内容预览] 44 | 2006-05-12 10:27:45
    　　几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。　　上周我也遇到了ID和Name的问题，在页面里输入了一个inpu...

    [阅读全文]

  • 让输入框关闭自动完成（AutoComplete）功能 [内容预览] 52 | 2006-05-12 10:27:39
    　　浏览器自动完成功能让我们填写表单更加方便，可是有时我们并不想浏览器把我们输入的内容记录下来，例如信用卡号码，或者其它需要保密的东东。　　现在我们可以用input的一个属性autocomplete。　　这是一个关闭自动完成的示例：<inputtype="text"name="test"autocomplete="of...

    [阅读全文]

  • [组图] 设计新颖别致的HTML在线编辑器 [内容预览] 901 | 2006-04-25 09:26:55
    　　这款HTML在线编辑器设计新颖别致，样式美观，可用性也非常好，管理员强烈推荐！！主要用于教程、新闻、文章等图文混合在线编辑，目前还没有可用性特别好的图文混排WEB管理系统，存在的问题主要是多图片上传、嵌入、添加和删除问题，今天介绍的编辑器就能解决这些问题！当然还有一个重要的表格功能，我们可以利用下面的这个编辑器二次...

    [阅读全文]

  • DHTML弹出式日历选单 V.0.9.2 [内容预览] 157 | 2006-04-25 09:26:53
    　　我们结合效果页面来介绍制作的方法：　　[效果页面]　　在头部<head>中插入样式表：calendar-blue.csscalendar-brown.csscalendar-green.csscalendar-system.csscalendar-win2k-1.csscalendar-win2k-2.csscal...

    [阅读全文]

  • [组图] CSS 滤镜应用集锦 -- 巧用CSS的 无参数 滤镜 [内容预览] 58 | 2006-04-03 12:17:54
    CSS的无参数滤镜共有六个（FlipH、FlipV、Invert、Xray、Gray和Light），虽然它们没有参数，相对来讲，灵活性要差点，但它们用起来更方便，效果也相当明显。用它们可以使文字或图片“翻翻身”、获得图片的“底片”效果，甚至可以制作图片的“X光片”效果。下面分别加以介绍。一、FlipH和FlipV滤镜把...

    [阅读全文]

  • [图文] CSS 滤镜应用集锦 -- 巧用CSS的 Light 滤镜 [内容预览] 60 | 2006-04-03 12:17:52
    Light滤镜能产生一个模拟光源的效果，但使用它要通过调用它的“方法（Method）”来实现，这就要用到一些Javascrpt知识，虽然有一点难度，但产生的效果也是奇特的，你看看下面的效果图就明白了。上面的这种效果是不是很酷？！当你把鼠标在图片上移动时，灯光还会跟着移动呢！不过这里只是我抓的一张图片，当你按我下面介绍的...

    [阅读全文]

  • [图文] CSS 滤镜应用集锦 -- 巧用CSS的 RevealTrans 滤镜 [内容预览] 89 | 2006-04-03 12:17:50
    CSS的RevealTrans动态滤镜是一个神奇的滤镜，它能产生23种动态效果，更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换，简直方便极了，你只要在网页源代码的<head>与</head>之间插入这样一行代码：<Metacontent=revealTrans(Transition...

    [阅读全文]

 HTML DIV+CSS   1012   30   3/34页      1   2   3   4   5         GO