分享
 
 
 

CSS应用基础教程(1) 基本认识

王朝html/css/js·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

关於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种标准的颜色名称。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有