设为首页
收藏本站
最新电影
> 子栏目 Asp | Jsp | XML | XSL | Div+Css | 自定义函数 | 数据库 | 脚本特效
您现在的位置: 首页=>后台技术=>div+css 订阅本栏目  
CSS样式表 入门 全接触
时间: 2007-09-27 00:58:27 阅读次数:10451

第 1 页 CSS样式表 入门 全接触[1]
第 2 页 CSS样式表 入门 全接触[2]
第 3 页 CSS样式表 入门 全接触[3]
第 4 页 CSS样式表 入门 全接触[4]
第 5 页 CSS样式表 入门 全接触[5]
第 6 页 CSS样式表 入门 全接触[6]

 现在,用FRONTPAGE制作网页简单得就象是用画笔在白纸上画图一样但随着网站内容的不断丰富,网页上的图象、动画、字幕以及其他控件也不断增加,要实现这些元素在网页中的准确定位,就必须对这若干个元素分别调整,这一点恐怕只有那些对网页制作痴迷而执着的人才可能做到,这并不是正确的工具和灵活性就可以实现的设想一下,打开一个文本文件,编辑几行字,就可以使整个Web站点得到改变再设想一下,以在线的方式创建带有复杂图形、丰富字体字号等特殊效果的页面,大小只有10k那么这样的效果如何实现呢?
  1996年底的时候出现了一种叫做样式表(stylesheets)的技术全称应该是级联样式表即Cascading Style Sheet的缩写,我们又常称这为风格样式单Style Sheet,顾名思义,是用来进行网页风格设计的比如,我想让我的链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格通过设立样式表,我们可以统一地控制HMTL中各标志的显示属性它将对布局、字体、颜色、背景和其它文图效果实现更加精确的控制只通过修改一个文件我们就可以改变页数不计的网页的外观和格式,保证在所有浏览器和平台之间的兼容性,拥有更少的编码、更少的页数和更快的下载速度除了能全面支持我们常用的大多数浏览器之外,CSS在实现其它承诺方面作得相当出色飞飞As!p技术乐园CSS在改变我们制作样式表的方法它为大部分的网页创新奠定了基石飞!飞Asp技术乐园
一、样式表的作用

 1、可以将格式和结构分离

  HTML从来没打算控制网页的格式或外观这种语言定义了网页的结构和个要素的功能,而让浏览器自己决定应该让各要素以何种模样显示但是网页设计者要求的更多所以当Netscape推出新的可以控制网页外观的HTML标签时,网页设计者无不欢呼雀跃我们可以用<FONT FACE>、<I>包在<P>外边控制文章主体的外观等等然后我们将所有东西都放入表格,用隐式GIF空格产生一个20象素的边距一切都变得乱七八糟飞飞Asp技@术乐园编码变得越来越臃肿不堪,要想将什么内容迅速加到网页中变得越来越难

  串接样式表通过将定义结构的部分和定义格式的部分分离使我们能够对页面的布局施加更多的控制HTML仍可以保持简单明了的初衷CSS代码独立出来从另一角度控制页面外观

  2、可以以前所未有的能力控制页面的布局

  <FONT SIZE>能使我们调整字号,表格标签帮助我们生成边距,这都没错但是,我们对HTML总体上的控制却很有限我们不可能精确地生成80象素的高度,不可能控制行间距或字间距,我们不能在屏幕上精确定位图象的位置但是现在,样式表使这一切都成为可能而即将推出的新的CSS功能更令人兴奋

  3、可以制作出体积更小下载更快的网页

  还有更好的消息:样式表只是简单的文本,就象HTML那样它不需要图象,不需要执行程序,不需要插件,不需要流式它就象HTML指令那样快有了CSS之后,以前必须求助于GIF的事情现在通过CSS就可以实现还有,正如我先前提到的,使用串接样式表可以减少表格标签及其它加大HTML体积的代码,减少图象用量从而减少文件尺寸

  4、可以更快更容易地维护及更新大量的网页

  没有样式表时,如果我想更新整个站点中所有主体文本的字体,我必须一页一页地修改每张网页即便站点用数据库提供服务,我仍然需要更新所有的模板,而且更新每一模板中每一个实例实例的<FONT FACE>样式表的主旨就是将格式和结构分离利于样式表,我可以将站点上所有的网页都指向单一的一个CSS文件,我只要修改CSS文件中某一行,那么整个站点都会随之发生变动

  5、浏览器将成为你更友好的界面

  不象其它的的网络技术,样式表的代码有很好的兼容性,也就是说,如果用户丢失了某个插件时不会发生中断,或者使用老版本的浏览器时代码不会出现杂乱无章的情况只要是可以识别串接样式表的浏览器就可以应用它




[上一页] [下一页]
站内搜索    

下一篇CSS制作横向菜单

上一篇多点调用的 选项卡

本栏目最新 栏目最新列表
微软IE调试工具:SuperPreview for IE(ie6
精选15个国外最流行的CSS框架
CSS2 Media类型使用方法及简介(@Media)
浏览器排版/布局 图片下方出现空隙的问题
使用IE浏览器a链接失效(不能点击)的解决方
网站优化策划 栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准(没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新 站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布,
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画:如何写出
历史最热10条信息  
MIME介绍 及 [1] [2] [3]
巧用Google和迅雷来下载
Transact SQL 常 [1] [2]
VIA Rhine II Fast Ethe
电脑常用端 [1] [2] [3]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句:A friend and
每日一句:Theres no tu
经典__悟透JavaScript
相关文章
Div+CSS布局入门教程
CSS样式表 入门 全接
CSS入门 基本语法
php(类)面向对象的写
asp入门进阶
SEO入门视频教程
Sql事务处理 入门
Firebug入门指南
 
 width= 
伟哥博客 西安房产 123最新电影 三四六四