首页
阅读
2024-09-21更新
最新编辑:逗比的马老师
阅读:
更新日期:2024-09-21
最新编辑:逗比的马老师
层叠样式表
标准
学习
教程
我们的 CSS 学习区 以多模块、零基础为特色进行 CSS 的教学 —— 这也就意味着你不需要任何知识基础。
学习 CSS 第一步
CSS(层叠样式表)用于设置网页的样式及布局——比如,可以更改内容的字体、颜色、大小以及间距,或是将其分列,或是添加动画及赋予内容其它装饰性的特征。本模块将通过阐述基本原理,展示语法示例,以及如何与 HTML 相联系三方面,为你日后精通 CSS 提供一个友好的开端。
CSS 构建
本模块是学习 CSS 第一步的延续,相信你已经熟悉了这门语言及它的语法,并拥有一些使用它的基本经验,是时候更进一步了。本模块着眼于层叠和继承、所有可用的选择器类型、单位、大小、背景、边框、调试等等。
其目的在于先为你提供编写功能强大的 CSS 工具包,了解所有基础理论。之后再进行进一步的学习,诸如样式化文本和CSS 布局
样式化文本
在学习了 CSS 语言基础知识的基础上,你需要关注的下一个重点是样式化文本——这是使用 CSS 时最常用的场景之一。在这一模块将学习文本样式设置的基础知识,包括设置字体、粗体、斜体、行、字符间距、阴影以及其他文本属性。我们通过在页面上应用自定义的字体以及样式化的列表、链接来完善本模块。
CSS 布局
到这里,我们已经了解了 CSS 基础:如何样式化文本,以及如何样式化和操作内置个人内容的盒模型。现在是时候研究“如何相对于可视区域将你的盒子彼此间放置于正确位置”了。我们到此已经覆盖了所有预备知识,因此现在能够深入学习 CSS 布局,研究不同的显示设置,包括浮动和定位在内的传统布局方法,以及像如弹性盒(flexbox)之类新近流行的布局工具。
解决常见的 CSS 相关问题
本模块提供了一些内容链接,这些内容很好的回答了在创建网页时使用 CSS 所遇到的常见问题。