|
|
CSS/HTML
|
|
|
|
|
HTML参考 | 基本标签 <html></html> 创建一个HTML文档 <head></head> 设置文档标题以及其他不在WEB网页上显示的信息 <body></body> 设置文档的可见部分 ---------------------------------------------------------------- | Email地址在网页中的保护 | 一般在站点制作中,总难免需要在网页中输入联系的Email。但不知,这样就给那些所谓的网络商家有机可乘,他们会使用软件或者程序进行搜索,然后将你的Email地址放入他们的联系库中,以后就会无休无止的垃圾邮件“光临”你的邮箱,实在让人头痛,Juven也痛苦不堪呀。 这次我们来介绍一种方法,就是使用javascript制作的,并不影响你的Email链接,而且还能避开那些软件的搜索。代码如下:
| HTML之调色原理 | 调色原理:
HTML 的颜色表示可分两种:
以命名方式定义常用的颜色,如 RED。
以 RGB 值表示,如 #FF0000 表示 red。 | 发现CSS控件的好处 | 很长时间以来,网络开发者通过使用图片和javascript脚本代码来开发交互式的控件。然而,在许多情况下使用CSS的规则来定义文本超链接的格式将是开发交互式控件的一个较好选择。使用CSS技术开发更快更有效,所以现在在众多网站上看到这种技术已经不是一件奇怪的事情了。
使用传统方法开发控件的缺点 使用传统的技术开发一个控件常常是从用一个包含了一个矩形或其它形状文本输入框的小图标开始的。这个控件也许使用阴影、光效、倾斜或者其它的效果予以修饰,但是它本质也 | Cool Web Scrollbars - 定制网页的滚动条 | 之前笔者曾经介绍过用Dreamweaver插件改变IE浏览器滚动条,现在已经有人写出了快速制作此种代码的小软件,让不懂CSS(层叠样式表)的网友轻松上手,让熟悉CSS的网友解除繁琐的代码敲打。 Cool Web Scrollbars拥有简单的明了的操作 | 弹出网页窗口全攻略(html/hta) | 如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:
1.弹启一个全屏窗口
<html> <body onload="window.open('http://www.pconline.com.cn','example01','fullscreen');">; <b>www.e3i5.com</b> </body>
| alt属性和title属性 | 当浏览器卖主扭曲了标准并且自顾自的不按规则去做一些事,他们可能会造成一些问题,或者至少产生了混淆。例子之一就是一些浏览器处理alt属性(一般会被错误的称作alt标签)的方式,比如拥有大量用户的Windows的IE浏览器。
替换文字(alt text)并不是用来做提示(tool tip),或者更加确切的说,它并不是为图片提供额外说明信息的。相反地,title属性才应该用来为元素提供额外说明信息。这些信息在大部分图像浏览器里显示为提示(tool | 利用CSS控制打印 | <style> @media print{ INPUT {display:none} } </style> <TABLE border="0" style="font-size:9pt;" width="300px" align="center"> <THEAD style="display:table-header-group;font-weight:bold"> <TR><TD | “画中画”效果--谈IFRAME标签的使用 | 纵观时下网站,本来网速就有些慢,可是几乎每页都要放什么Banner,栏目图片,版权等一大堆雷同的东西,当然,出于网站风格统一、广告效应的需要,本无可厚非,可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了,有没有办法,让这些雷同的东西一次下载后就不用再下载,而只下载那些内容有变化区域的网页内容呢? 答案很肯定:应用Iframe标记! 一、Iframe标记的使用 | 创建一个纯CSS的水平导航条 | 按照传统的方法,导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容,所以很多制作Web的人正在寻找(新的)方法,用结构化的XHTML标记和CSS格式来创建导航条。
一个简单的CSS导航条 创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里,就像例A里的一样。
这种方法看起来很合理也很直观。但问题是,把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白。所以, | xhtml的结构标签 |
原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。
来列一个完整xhtml的结构标签:
结构 body, head, html, title
文本 abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, str | XHTML的目标,规则和细节 | 两个目的: 1,将页面的内容和形式清晰的分离开来 2,使页面内容更接近于XML
为什么要实现这两个目的,好多地方都有讲,不过,这里简单的讲两条 1,跟为什么ASP.NET要分层是一个道理,内容和形式分离后,一个符合XHTML规范的页面的外观可重覆设计而无需更改页面内容 2,跟XML靠近的原因,这个好多地方有讲,最重要的是,HTML固然能被IE解析,可他那过于宽松的形式,大量的形式标记,无助于表示语义,一句话,HTML是用来呈现的,可它却忘了数据的重要 | CSS中常用的单位 | 一、长度单位
长度单位是Web页设计中最常用的一个单位。一个排列无序、杂乱无章的页面不可能给人们留下什么好的印象。于是,在设计的时候需要为元素的位置、尺寸精确地定义一些值,以使其达到预期的效果。
CSS给予人们精确控制网页的能力,这一点为人们津津乐道。它允许人们定义外观、尺寸、空间及其他的样式。但是,CSS所给出的控制同时也是一个危险的东西,这不仅表现在设计者缺乏经验,更在于如何给出一个尺寸和空间值。为什么呢?因为一个设计者虽然能够决定某一个特殊 | css学习的一些心得 | 其实去年的时候,我就有过接触css了 都是跟着一些网页教程学做的 无非是用来控制一下link,vlink之类的 那个时候觉得css好像也不过如此,对于层什么 那个时候很不屑于顾,因为感觉层定位起来不如表格方便 今年十月份的时候,正式开始学习css 才发现一些网站不用表格,仍然可以做到非常的好 除此之外css还有着对于大流量网站的速度优势 到现在为止,断断续续的学习了两个月了,其间做了一些页面 今天就讲讲自己的感受 第一、手写css | CSS教程(八) 简单介绍CSS结合JS的运用 | 八、 简单介绍CSS结合JS的运用(针对事件动作)
利用CSS配合Javascript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,我们要搞清楚事件和动作的概念。在客户端脚本中,JavaScript 通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等)。 下面 |
|
|
|
|