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

橙子爱程子

橙子爱程子

2016-02-19 14:20

下面图老师小编跟大家分享一个简单易学的CSS应用基础教程(1) 基本认识教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!


关 於 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相关语法、参数与性质。

应 用 上 的 基 本 认 识

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

展开更多 50%)
分享

猜你喜欢

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

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

CSS基础教程:CSS的应用

Web开发
CSS基础教程:CSS的应用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS应用基础教程(2) 应用方式

Web开发
CSS应用基础教程(2) 应用方式

CSS应用基础教程(3) 应用补充

Web开发
CSS应用基础教程(3) 应用补充

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS应用基础教程(4) 颜色背景

Web开发
CSS应用基础教程(4) 颜色背景

CSS基础教程:CSS的color颜色

Web开发
CSS基础教程:CSS的color颜色

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

利用Intel MyWifi技术将笔记本变成Wifi热点

利用Intel MyWifi技术将笔记本变成Wifi热点

海量经典的jQuery插件集合

海量经典的jQuery插件集合
下拉加载更多内容 ↓