第一章 CSS的基本认识

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』:像点。
相对关系:1in= 6pc= 72pt= 2.54cm= 25.4mm

三、颜色使用的认识:

颜色的表示共有五种方式。
『#RRGGBB』: 以三个00到FF的十六进位值分别表示0到255十进位值的红、绿、蓝三原色数值。『#RGB』: 简略表示法,只用三个0到F的十六进位值分别表示红、绿、蓝三原色数值。而事实上,浏览器会自动扩展为六个十六进位的值,如『#ABC』将变为『#AABBCC』。但是,显见这样的 表示法并不精确。『rgb(R,G,B)』: 以0到255十进位值的红、绿、蓝三原色数值来表示颜色。『rgb(R%,G%,B%)』: 以红、绿、蓝彼此相对的数值比例来表示颜色,如『rgb(60%,100%,75%)』。『Color_Name』: 直接以颜色名称来表示颜色,共有141种标准的颜色名称。

四、URL表示法的认识: CSS的URL表示共有五 种方式,且都为合法宣告,您可以自行选用。
URL(http://yourweb/path/file_name)
URL('http://yourweb/path/file_name')
URL("http://yourweb/path/file_name")
URL( 'http://yourweb/path/file_name' )
URL( "http://yourweb/path/file_name" )
  有了这些基本认识与概念後,接下来就要来为您介绍CSS的应用方法罗!

时间: 2025-01-21 07:41:39

第一章 CSS的基本认识的相关文章

网页排版CSS教学第一章 CSS的基本认识

css|网页 第一章 CSS的基本认识 关 於 C S S 的 概 论 CSS是『Cascading Style Sheets』的简称,中文翻为「串接样式表」,也有人只翻为「样式表」.CSS用以作为网页的排版与风格设计,在所谓的「新式网页」里 ,CSS不容置疑是相当重要的一环.CSS是以既有的基础,用以弥补既存HTML 规格里的不足,也让网页的设计更为灵活. 这份教学文件就要来为您介绍CSS的应用罗!在这边并不介绍CSS的所有规格 ,仅就您在网页写作上较常用到,较可能用到的语法部份及应用的方法来

Knockout应用开发指南 第一章:入门

原文:Knockout应用开发指南 第一章:入门 1    Knockout简介 (Introduction) Knockout是一个轻量级的UI类库,通过应用MVVM模式使JavaScript前端UI简单化. Knockout有如下4大重要概念: 声明式绑定 (Declarative Bindings):使用简明易读的语法很容易地将模型(model)数据关联到DOM元素上. UI界面自动刷新 (Automatic UI Refresh):当您的模型状态(model state)改变时,您的UI

Pro JavaScript Techniques第一章: 现代javscript编程

 标题: Pro JavaScript Techniques第一章: 现代javscript编程 mozart0 [楼主] 匪徒田老大 版主 帖子 2326体力 6628 威望 177 注册 2003-6-18 #1 发表于 2007-4-4 10:46  资料  短消息  加为好友  Pro Javascript Techniques翻译连载:说明和目录 JavaScript的演化是渐进而稳固的.历经过去十年的进程,JavaScript在人们的认知里已经从一门简单的玩物式的语言逐渐发展成为一门

《HTML 5与CSS 3权威指南 》 (第2版·下册)——第18章 CSS 3

第18章CSS 3概述 18.1 概要介绍18.2 使用CSS 3能做什么 从2010年开始,HTML 5与CSS 3就一直是互联网技术中最受关注的两个话题.2010年MIX10大会上微软的工程师在介绍IE9时,从前端技术的角度把互联网的发展分为三个阶段:第一阶段是Web 1.0的以内容为主的网络,前端主流技术是HTML和CSS:第二阶段是Web 2.0的Ajax应用,热门技术是JavaScript/DOM/异步数据请求:第三阶段是即将迎来的HTML 5+CSS 3的时代,这两者相辅相成,使互联

《HTML 5与CSS 3权威指南(第3版·下册)》——第18章 CSS 3概述

第18章 CSS 3概述从2010年开始,HTML 5与CSS 3就一直是互联网技术中最受关注的两个话题.2010年MIX10大会上微软的工程师在介绍IE9时,从前端技术的角度把互联网的发展分为三个阶段:第一阶段是Web 1.0的以内容为主的网络,前端主流技术是HTML和CSS:第二阶段是Web 2.0的Ajax应用,热门技术是JavaScript/DOM/异步数据请求:第三阶段是即将迎来的HTML 5+CSS 3的时代,这两者相辅相成,使互联网又进入了一个崭新的时代.本章将对CSS 3进行一个

《秩序之美——网页中的网格设计》——第一章 引言

第一章 引言 从某种层面上讲,设计可被看做一种利用创造力将想法强加于这个世界的方式,但并非传统意义上的强加于世界,而是以一种更恰当,更人性化的尺度. 在由问题出发,沿着思路解决问题的过程中,设计师可以从商业(业务需要,技术限制)或者艺术(美学,易用性,人文因素)的角度来阐述自己的作品.无论如何,最成功的设计可以简化为一种最本质的目的:在混沌中创造秩序. 怎样的秩序?当然是一种能准确反映设计师世界观的秩序.世界应如何运转,设计师有着自己独特的见解和表达方式,由此创造出不同的秩序.它的力量微弱而有限

第一章 andriod studio 安装与环境搭建

原文 http://blog.csdn.net/zhanghefu/article/details/9286123 第一章   andriod studio 安装与环境搭建   一.Android Studio简介 Android Studio是Google新发布的Android应用程序开发环境,Android Studio是基于IntelliJ IDEA开发而成的.在Android Studio开发环境中,Android开发者可以非常方便地调试Android应用程序,Android Studi

经典中的品味:第一章 C++的Hello,World!

1.1 程序 何为程序?简单的说,就是为了使计算机能够做事,你需要在繁琐的细节中告诉它怎么做.对于怎么做的描述就是程序. 编程是书写和测试怎么做的过程.维基百科上说,一个程序就像一个用汉语(程序设计语言)写下的红烧肉菜谱(程序),用于指导懂汉语和烹饪手法的人(体系结 构)来做这个菜.做一个形象的比喻,在生活中某种意义上,你都见到程序.石器时代,"我们用石头打它".就是个程序. 图1.1 "我们用石头打它"  摘自 <数学之美> 其中,他用怪叫和动作告诉小

Frontpage2000中文教程:第一章 认识Frontpage2000

frontpage|教程|中文  你是否紧跟时代的潮流上了网?你在聊天室里是否听过别人聊起自己的个人主页,你会不会觉得自己没有个人主页就落伍了?有没有想过自己也要做一个主页?想过?那你还瞎呆在那里干什么?赶快阅读本教程,你就该学会制作自己的主页了. 本教程教你学会使用微软公司的Frontpage2000,学会干什么?当然是做你的个人主页啦.或许你认为制作主页是一门很深奥的工作,需要懂得大量的计算机知识.我现在要告诉你,你错了.在这个流行图形操作系统的今天,制作主页不再需要你去学习复杂,烦躁的HT

第一章 容错机制 &amp;gt;

容错 第一章 容错机制 以国内最流行ASP为例,我不知道有多少人会在写代码时想到"容错"这个概念,实际上当我遇到这种事时,也是不了了之.为什么呢,想想最初的意思是认为写如下代码就能容错了,见示例1-1. <%@ Language=VBScript %> <%option explicit%> <% '出错过滤 on error resume next -----(代码略) %> 示例1-1 常见代码一瞥 以上代码就经常出现在各位同仁的手中,不用说出个