| 网站首页 | 硬件维修 | 应用学院 | 网络组建 | 网站制作 | 菜鸟黑客 | 编程之道 | 数码大全 | 娱乐休闲 | 软件下载 | 在线视频 | 请您留言 | 技术论坛 | 
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • 用javascript连接access…

  • 使用Web标准建站第8天:CSS布…

  • 使用Web标准建站第9天:CSS布…

  • shtml网页SSI使用详解

  • 使用Web标准建站第7天:CSS入…

  • HTML中Access Key(存取键)…

  • marquee基本语法的全解释

  • 表格对决CSS--一场生死之战

  • HTML 基本语法

  • CSS 循序渐进(二)字的艺术

  • Q
    您现在的位置: 我是IT人 >> 网站制作 >> 网页设计 >> CSS >> 文章正文
    第一章 CSS的基本认识           
    第一章 CSS的基本认识
    作者:网络 文章来源:转载 点击数: 更新时间:2006-1-4
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:
     
    关 於 C S S 的 概 论

      CSS是『Cascading Style Sheets』的简称,中文翻为「串接样式表」,也有人只翻为「样式表」。CSS用以作为网页的排版与风格设计,在所谓的「新式网页」里 ,CSS不容置疑是相当重要的一环。CSS是以既有的基础,用以弥补既存HTML 规格里的不足,也让网页的设计更为灵活。

      这份教学文件就要来为您介绍CSS的应用罗!在这边并不介绍CSS的所有规格 ,仅就您在网页写作上较常用到,较可能用到的语法部份及应用的方法来为您作介绍。也 由於现在两浏览器的相容是渐行渐远,将贴心地为您注明支援该语法的浏览器。而IE从 3.0开始便支援部份语法了,这点也会为为您注明的。
    各 章 节 的 概 略 介 绍

      为了您参考与学习上的方便,在这里先为您大略地说明一下这份教学文件各章节所包含的内容吧!让您在参考时有个方向与概念。基本上,前两章著重於概念与基本认知的建立,也就是一些为您做一些札根的工作;第三章则为您补充在应用与设定上的一些其它方式或特性的说明与介绍。而第四章到第六章则著重於语法、参数与性质的介绍,也 就是真正建立在样式表里面的东东。

    第一章 CSS的基本认识:
    就是本章啦!就介绍您一些CSS基本概念与认识。
    第二章 CSS的应用方式:
    为您介绍CSS的基本宣告、应用方法与特性介绍。
    第三章 CSS的应用补充:
    为您介绍CSS的其它宣告方式、应用与特性介绍。
    第四章 页面性质的CSS:
    为您介绍页面性质的CSS相关语法、参数与性质。
    第五章 文字性质的CSS:
    为您介绍文字性质的CSS相关语法、参数与性质。
    第六章 区块性质的CSS:
    为您介绍区块性质的CSS相关语法、参数与性质。
    应 用 上 的 基 本 认 识

      应用CSS并不困难,但是请您先参考这里的基本认识,对一些用语有了一点基本概念後,对於您在看後面的教学会有助益,看起来也才不会太吃力!

    一、基本用语的认识:
    元件(element):亦即HTML基本语法中的标签(tag)。
    属性(attribute):用以描述标签特性的属性。
    例如:
    <HR WIDTH="90%">中,HR为标签,WIDTH为属性,而80%即为WIDTH属性的值。
    性质(property):用以描述元件的特性。相当於HTML基本 语法中的属性。
    样式(style):拥有一组或数组的性质,用以描述元件特性。
    挑选者(selector):套用样式的元件。
    例如:

    H3{ COLOR : BLUE }中,H3为挑选者,COLOR为性质,BLUE为COLOR性质的值。

    二、基本单位的认识:
    有相对单位与绝对单位两种单位 表达方式。
    相对单位:

    『em』:相对於字母高度的比例因子。
    『en』:相对於字型大小的比例因子。
    『%』:相对於长度单位(通常是目前字型的大小)的百分比例。
    绝对单位:
    『in』:英寸。
    『cm』:公分。
    『mm』:公厘。
    『px』:像素(系统预设单位)。
    『pc』:pica,印刷活字单位。
    『pt』:像点。

    [1] [2] 下一页  

    文章录入:54iter    责任编辑:54iter 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |