CSS代表级联样式表,用法语表示级联样式表。如果您想了解更多,请继续阅读
-
CSS的含义
-
CSS的起源
-
什么事啊
-
CSS问题
-
CSS版本
-
创建CSS需要什么?
-
一些有用的CSS属性
CSS的含义
因此,首字母缩写CSS意味着我们已经看到了莎士比亚语言中的层叠样式表。
最接近法文的文字是级联样式表。除此之外,您不一定要更高级,对吗?是的,的确如此,目前还不清楚。因此,让我们更详细地了解它是什么。首先,“ Sheets”一词等同于文件;然后,“样式”一词表示元素的格式,最后是“层叠”一词,表示应用于同一文档的不同样式的组合。在这里,您现在已经了解了CSS的定义,但是我们建议您在简要回顾一下CSS的起源之后,再深入一点,具体看看它的外观以及使用这种补充HTML的计算机语言可以做什么。
CSS的起源
这种计算机语言紧随HTML之后。CSS诞生于1996年,而HTML诞生于1991年。您是否想知道网站是如何格式化的?很简单,在网站开发时插入适当的HTML标记(如换句话说,同一页面上的内容和形式是一堆大杂烩!因此,即使看起来很奇怪,但CSS的开端并没有取得很大的成功,导航也不容易。确实,开发人员还不习惯使用CSS,他们并没有立即摆脱不良习惯以采用CSS允许的良好方法。此外,仍然可以找到许多带有过时标签的网站。
因此,CSS是一个样式表,可帮助我们格式化HTML。它允许您选择HTML中的元素。这是一个例子:
body { background-color: black; font-family: Georgia; font-size: 30px; }h1 { font-size: 60px; color: blue; text-align: center; }h2 { font-size: 45px; color: green; padding-left: 10px; }
创建CSS代码行时,必须注意不要忘记花括号和分号!即使某些文本编辑器告诉您何时发生错误,也最好重新读取HTML和CSS中的代码,以便自动编写代码。从那里,您自己创建网站或使用开源CMS提供的数据库将变得轻而易举!
CSS问题
掌握CSS的第一个也是最重要的问题是能够分解其形式的文档的体系结构。我们总是从形状之前的底部开始。
第二个挑战是根据媒体和用户偏好来定义文档的样式呈现。
第三个也是最后一个挑战是根据样式的来源,媒体或整个文档的结构,将样式的不同来源与单个文档相关联。
CSS版本
迄今为止,CSS已经发展了四次,而不再需要通过更新来更新自身:
-
CSS 1:第一级详细介绍了一种语法,旨在使新功能的添加成为可能,同时接受原始执行对未来样式表的解释。
-
CCS 2:新属性允许用户首选项包含在网站格式中。
-
CSS 2.1:这是CSS 2的修订版,用于纠正遇到的问题。
-
CSS 3:这是当前版本。“媒体查询”的到来促进了网站在所有屏幕上的转换。更好的颜色管理和对用户界面的考虑是最高级的模块。借助“媒体查询”,响应式Web设计(最佳用户体验)从未如此轻松。
据说正在开发CSS 4版本。
创建CSS需要什么?
您需要一个文本编辑器(Sublime,Visual Studio Code,Atom …)和一个Internet浏览器,例如Chrome,Explorer,Opera …(以测试格式化的网页)。
有3种解决方案来编写CSS代码:
-
在HTML以外的文件中(该文件可以在扩展名的水平上命名.css,而另一个文件在该文件的级别上经常命名样式(style.css通常是您在网站上找到该文件时的名称)只有一个CSS文件))。
-
在HTML文件的 标头中。
-
在带有样式属性的 标记中。
强烈建议在.css文件中编写表单,以区分HTML和CSS。信不信由你,创建一个不同的文件,您将损失更少。最重要的是,除了丢失更少(您的HTML文件将因为其中没有CSS而只会更具可读性)之外,这还为您节省了宝贵的时间,您可以通过以下方式进行修改:以下。
实际上,通过在CSS样式文件上对不同格式进行分组,如果要更改颜色或字体大小,只需修改CSS文件,以便在所有页面上进行修改。比您必须修改所有页面的所有html标签以修改其中的样式部分的速度快得多。
您可能想知道HTML文件如何读取CSS文件?好吧,只需在HTML文件中编写以下代码。不要忘记重命名与您为CSS文件指定的名称相对应的文件。