搜索
首页web前端css教程第一章 CSS的基本认识

关 於 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为属性,而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表示共有五 种方式,且都为合法宣告,您可以自行选用。    


 以上就是第一章 CSS的基本认识的内容,更多相关内容请关注PHP中文网(www.php.cn)! 


声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
构建多向布局构建多向布局Apr 12, 2025 am 10:15 AM

CSS中有一些新功能可以帮助我们轻松构建不同方向和语言的布局。本文是关于CSS的

CSS中的宽度/高度与宽度/高度HTML属性之间的差异是什么?CSS中的宽度/高度与宽度/高度HTML属性之间的差异是什么?Apr 12, 2025 am 10:13 AM

一些HTML元素接受宽度和高度作为属性。有些没有。这些属性有时被称为呈现属性。关于它们的问题是,他们被任何其他样式信息所覆盖。那

净冠军净冠军Apr 12, 2025 am 10:10 AM

我们今年再次在这里再次成为赞助商,这真是太棒了。大粉丝。我们自己的莎拉·德拉斯纳(Sarah Drasner)是DX(开发人员体验)负责人

高度爱高度爱Apr 12, 2025 am 10:09 AM

最近看到了很多高度动作。它是静态站点发电机世界中的一个较小的玩家,但我认为它具有巨大的潜力,因为如何

多脚步滑块:特定的两次案件多脚步滑块:特定的两次案件Apr 12, 2025 am 10:07 AM

几年前,当Lea Verou在上面写了一篇文章时,这是我第一次出现的概念。自此,可悲的是从规格中删除了多范围滑块

通过用于Web组件的样式选项进行思考通过用于Web组件的样式选项进行思考Apr 12, 2025 am 10:02 AM

您将样式放在网络组件中的位置?

了解异步等待了解异步等待Apr 12, 2025 am 09:55 AM

在为Web编写代码时,最终您需要做一些可能需要一些时间才能完成的过程。 JavaScript可以真正多任务,所以

最好的第三方组件最好的第三方组件Apr 12, 2025 am 09:54 AM

我是Web组件的粉丝。我认为这是几乎任何规模建立网站的非常好的方法(也许是绝对是最多的

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能