这是我参与「第五届青训营 」笔记创作活动的第10天
本篇来学习CSS。
首先我们来了解什么是CSS。CSS全称Cascading Style Sheet是层叠样式表,是专用用来为HTML标签添加样式的。样式指的是HTML标签的显示效果,比如换行、宽高、颜色等等,层叠属于CSS的三大特性之一,表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里。CSS 的主要作用是定义网页的样式(美化网页),对网页中元素的位置、字体、颜色、背景等属性进行精确控制。CSS 不仅可以静态地修饰网页,还可以配合 JavaScript 动态地修改网页中元素的样式,而且市面上几乎所有的浏览器都支持 CSS。
CSS 是 Web 领域的一个突破,它为 HTML 提供了一种描述元素样式的方式,使用 CSS 和 HTML 可以制作出外形优美的网页。总体来说 CSS 具有以下特点:1) 丰富的样式定义CSS 提供了丰富的外观属性,可以在网页中实现各式各样的效果,例如:为任何元素设置不同的边框,以及边框与元素之间的内外间距;改变文字的大小、颜色、字体,为文字添加修饰(例如下划线、删除线);网页设置背景颜色或者背景图片等等。2) 易于使用和修改。CSS 的样式信息不仅可以定义在 HTML 元素的 style 属性中,也可以定义在 HTML 文档 标签内的 标签中,还可以定义在专门的 .css 格式的文件中,之后再将其引用到 HTML 文档。3) 多页面应用前面说了可以将 CSS 样式单独存放在一个 .css 格式的文件中,这个文件不属于任何页面,我们可以在不同的页面引用这个 .css 格式的文件,这样就可以统一不同页面的风格。等等
CSS对于页面美化有很大的用处,熟练掌握并使用CSS可以使我们所设计出来的页面更加美观。