CSS .你将会把你的网站带到用户面前。但是CSS到底是怎么工作的呢?应该怎么用?我们将在本笔记中分享它。那么CSS和html有什么区别呢?整个网页的分工是怎样的?我分享一张图给你看看吧!
这就意味着html是骨架,而CSS是让网页有肉感和漂亮衣服!这就是CSS的价值!现在让我们继续学习吧!

用CSS让你的页面变得有趣。
CSS是一种可以用来改变页面呈现给观众的方式的语言。例如,您可以使用CSS将您的客户品牌应用到他们的网站上。你几乎可以设计任何东西,包括:
和标题。
和段落主体。
颜色和字体
互连
桌子
和背景不透明度。
和动画。
还有更多。
你可以通过三种方式使用CSS。
您可以通过三种不同的方式在文档中包含CSS:
内联:您将在HTML元素中使用style属性
内部:您将在文档的头部使用样式元素。
外部:使用链接元素链接到外部CSS文件。
为什么要使用内嵌样式?

当您需要更新页面的特定部分时,您将使用它。你只会做一次违反你通常规则的事。非常适合快速改变事物的外观。但是,如果你想让很多部件遵循这个规则,那就千万不要用。否则,当你想进行大规模更新时,你会不遗余力。记住,任何编码的主要原则之一就是压缩你的代码,避免重复。我也是。
为什么使用内部样式?
这是针对特定页面的。一个不遵循网站其余部分规则的页面,但页面本身需要保持一致。可能你在做登陆页,这几个段落想分开一点点。也许你想用不同的颜色来强调,而不是通常的颜色。因此,如果您需要对页面进行大规模的更改,您可以从代码的顶部开始。
为什么要使用外部风格?
这是一个完整的文件,专用于您的样式代码,并保持每个页面的一致性。当你设计整个网站的风格时,你通常会用到它。这意味着,如果您需要更新,例如,标题1样式,您只需要在CSS文档中更改它。然后每个页面都会自动更新。因此,你的外在风格是你的主要文件。
CSS遵循规则
您需要创建一组规则来定义您想要的页面外观。所以,如果你希望标题1是蓝色的,加粗的,大小为30磅,那么你可以这样写:
这是一个简单的样式,你只能在你的外部样式表中找到它。但是让我们进一步分析一下。
这段代码是如何工作的?
您会注意到代码以h1开头。这是我们想要设置的样式的HTML元素。因此,我们正在设计标题1。
然后我们有花括号。在里面,你会发现不同的属性集,然后是它们的属性。您可以添加任意多的属性。冒号前有一个属性。那我们就有价值了。然后浏览器按顺序应用它们。
您的外部样式表将有许多规则。
如何对样式表进行排序由您决定,但是您通常会在一个样式表中包含多个规则。所以它可能看起来像这样:
但显然要长很多。你的页面上可以有上百条规则,所有的规则都是一条一条写出来的。因此,请确保将相似的元素分组在一起,以帮助您更容易地对它们进行分类。
如何编写内部CSS
您将创建和添加内部CSS,并在HTML页面或文档的部分中定义它。它会在元素中。所以,让我给你举个例子:

所以在这里,我们将标题1的样式设置为蓝色,标题2的样式设置为红色。这只会影响这个文档或页面,不会更新您网站上的其他地方。
如何编写内联CSS
内联CSS是为特定元素赋予独特样式的地方。它将使用HTML元素的样式属性。所以,为了展示它的样子:
与我们之前使用的示例类似,我们现在用新的颜色更新了每个特定的标题。但是,除非我们在文档的其他地方使用这种内联样式,否则您不会更新任何其他标题。
关于这个你有什么样的学习经历?也可以交流# Ai编程学习笔记


