认识CSS(一):什麽是CSS

CSS(Cascading Style Sheets)是建立在HTML的基础上,它既不是标准程序语言,也不是标记语言,它是风格样式语言页面(样式表语言)。它能用来美化网页,在HTML文件中的元素上,套用不同的style。

换言之,HTML就像一个建筑的结构与主体,而CSS就像是建筑外型的设计与内部的装潢,增添建筑的美观和提升它的价值。

  • CSS的特色:
  1. 让我们能够更精确的控制网页版面的文字内容、字型、背景、颜色等显示特性。
  2. 加深了HTML文件内容的可看性,也让HTML显得更加生动。
  3. 提升网页读取速度: CSS能大量简化网页所使用的原始码、程序码与图片,让页面执行能更顺畅、也更快速。
  • CSS3的新功能:
    CSS是由W3C定义和维护,但新一代的CSS3这样的名称指的是W3C组织CSS3(CSS Level 3)规格。CSS是以Level区分,而Level3则是包含了Level2和Level1的内容。
  1. 提供了更强大的选择器
    在不须使用id识别码或是class类别就能指向HTML中特定的元素,让语法更加顺畅,不易出错。
  2. 视觉特效
    推出更多新的属性,让过去必须要用图片才能达到的视觉效果,可以利用CSS3语法取代,让视觉效果更加丰富。
  3. 变形、转换和动画
    CSS3另一个更加重要的特效,是能对於元素进行变形、转换,甚至是动画的设定。
    变形效果:是针对区块进行移动、缩放、旋转、倾斜等效果。
    转换效果:针对元素在不同样式之间变化的动作。
    动画效果:是根据播放时关键影格的不同属性设定所呈现的动画。
  4. 自订显示字型
    CSS3能够连结网路上的字型档案,让网页的文字不但能以浏览者系统字型进行显示,还可以用自订的字型来呈现,让整个页面呈现更美观的画面。

参考文献:学好跨平台网页设计 /文渊阁工作室


<<:  【Day11】HomeFragment X RecyclerView X Firestore取/删除资料

>>:  【Day 11】Google Apps Script - API 篇 - 转换流程架构与相关服务

【在 iOS 开发路上的大小事-Day15】透过 Firebase 来管理使用者 (Sign in with E-mail 篇) Part1

这篇会来教大家如何透过 Firebase 在你的 iOS App 上实作注册以及登入功能 透过 Fi...

Day05 - Nginx 设定

闲话家常 前面几天都是枯燥乏味的设定,也是很重要的。要有一个稳定的环境,才能够专心在Coding。 ...

Day 28 铁人赛章节回顾

前言 很快的时间来到了28天 首先先讲结论 很可惜的我们团队挑战失败了 虽然前几天依旧还是有写文章 ...

Day11 - 如何查询目前期权帐户可用余额

今天的主题是如何查询目前期权帐户的可用余额,相关的官网教学可以点这个连结。因为我没有期权帐户,所以也...

[想试试看JavaScript ] 变数

写程序的目的,就是希望程序可以自动帮我们处理资料并且计算成果出来。 所以我们期待的运行流程就是 输入...