小程序开发|小程序制作|小程序开发网

搜索

面向设计师的 CSS 简介

2023-3-15 22:12| 发布者: 一网| 查看: 328| 评论: 0

摘要: 如果没有样式,网络将是一个无聊的统一网站。幸运的是,我们拥有 CSS——一种允许前端开发人员和设计师发挥创造力并构建真正独特的设计解决方案的语言。一些设计师仍然觉得 CSS 令人生畏并且难以学习。好消息是您不

如果没有样式,网络将是一个无聊的统一网站。幸运的是,我们拥有 CSS——一种允许前端开发人员和设计师发挥创造力并构建真正独特的设计解决方案的语言。

一些设计师仍然觉得 CSS 令人生畏并且难以学习。好消息是您不必学习所有东西来掌握 CSS 并创建吸引人的界面。借助 CSS 知识,您可以更好地控制您的设计——您可以完全按照您希望的方式实现它们。此外,您不需要开发人员来解决问题。

即使 HTML 和 CSS 是不同的语言,你也永远不会使用其中一种而没有另一种。


CSS的定义

所有语言都有一个基本词汇,母语人士甚至想要点餐或问路的游客都会使用这些词汇。高级学习者或母语人士拥有更广泛和更丰富的词汇,使他们的演讲更加精致和精致。同样,HTML 是任何网站的普通部分,而 CSS 是它的美丽伴侣。

CSS — 层叠样式表 — 是 Web 开发人员用来装饰屏幕上显示的 HTML 元素的一种语言。样式通常保存在单独的外部 CSS 文件中。

与任何其他语言一样,CSS 有自己的语法,其主要规则之一是花括号 — { }. 您将在课程后面熟悉语法,但现在请记住——不要错过右弯括号。



级联

CSS 中的“级联”一词解释了样式规则从不同级别“级联”下来。换句话说,在 CSS 中,顺序很重要。当样式规则具有相同的特殊性时,文件中最后一个具有更高的优先级并覆盖它上面列出的那些。

例如,假设您是一名设计师,而客户向您发送了一个任务:“制作

红色”。一个小时后,他们会向您发送更新:“制作

蓝色。” 你会为标题设置什么颜色?最后一个词有更大的权重。标题应该是蓝色的。是的,它的优先级较低,但这就是 CSS 的工作方式。

不要将此规则与我们应用于不同类型插入样式的级联顺序规则混为一谈



应用 CSS

假设您编写了一个样式表,并且可以开始使用了。如何将 CSS 应用到 HTML 页面?有3种方式:

外部样式表。您从外部资源添加独立的 CSS 文件。这一个文件可以改变整个网站的外观。

内部样式表。