cssitalic当你在高中的时候,你是否不得不学习一门新的语言?大多数孩子学习西班牙语、法语、德语或意大利语。如果是这样的话,你知道当你第一次开始用这门新语言说话和写作的时候,你会笨手笨脚的,很难让你流畅地表达和理解结构,对吧?像CSS这样的计算机编程语言也没有什么不同。它们本身就是一门完整的语言,需要不断练习才能精通。所以,让我们开始你的旅程,以流利的CSS。会准备好学习CSS在这个CSS预备课程。

什么是计算机程序设计语言?

计算机编程语言是我们这些凡人与计算机交流的工具。如果我们没有一种中介语言,开发者将很难创建软件或设计网站。我们不像现在这样,把语言输入电脑,也不尝试理解二进制代码,我们在中间遇到了一种由熟悉的符号和字母组成的语言。编程语言的其他例子包括:HTML、PHP、Java、Javascript和Python。

CSS是什么?

正如我们已经讲过的,CSS是一种计算机编程语言。它代表级联样式表。样式表基本上是我们为计算机写的一个说明,告诉它我们希望我们的软件是什么样子的。所以,我们不是说“我想要我所有页面上的字体都是红色的”,而是使用一个命令告诉我们的计算机将我们的字体变成红色。

我说可以,因为CSS代码通过定义的名称“调用”一个对象(就像主体文本)。你为网站主页定义的名称可能不是body,而是main。这就是事情变得有点棘手的地方。每个对象都有自己的名称。在代码中,有时它们只是按其自然名称编写(link是一个链接,button是一个按钮)。但有时,代码编写人员用不同的名称来称呼它。重要的是要知道他们选择了什么来称呼你要编辑的对象,这样你才能访问它。

如果你的网站上有一个黑色的菜单栏,但你希望它是红色的,你需要告诉电脑,你不仅希望颜色是红色的,而且你希望什么变成红色。这是通过“调用”一个对象,然后告诉它你想要它做什么来完成的。

下面是一个调用的例子:

#菜单

.menu

如果调用前面有#符号,则表示ID。如果它有。在前面,它代表班级。如果您不打算编写任何DHTML或Javascript代码,那么就继续使用class作为命令选择。ID(#)用于做更复杂的事情。总初学者?CSS很容易。

我在哪里可以找到名字?

这些名称是在PHP语言中定义的。创建一个PHP文件来定义CSS文件调用什么。他们像团队一样一起工作。所以,如果我的PHP文件命名头,头,我想改变头的宽度,我会调用头改变使用CSS在我的CSS文件中写:

.header {

宽度:600 px;

}

如果你使用像Mozilla这样的程序,你可以在网站上“检查一个元素”,它会告诉你它的名字。

最后,我如何斜体我的文本?

好吧,你来了。让我们用斜体字。假设您想将站点的主要文本改为斜体。你的CSS命令看起来像这样:

.main {

字体样式:斜体;

}

通过使用”。main“我称我的网站或文档的主要文本(在我弄清楚它的名字之后)。通过使用" font-style "我告诉电脑,我想改变我的网站上的主要文本的font-style。然后我定义了我想要的字体样式,通过指定“斜体”(您也可以在这里使用粗体)。您还将看到" font-style "被括号包围着。这只是为了包含调用,这样它就不会与你写的另一个调用重叠。在“斜体”后面使用的分号用于分隔调用中的不同命令。这是另一个例子:

.main {

字体样式:斜体;

字体颜色:知道什么;

}

这个例子将主字体设为红色和斜体。

您需要将此代码放在STYLE标记之间。标签类似于上面的方括号,因为它开始和结束一个命令,除了标签是用HTML编写的,看起来像<>和。所以,样式标签看起来就像,方向介于两者之间,像这样:

<时尚>

每分钟{

字体样式:斜体;

字体颜色:知道什么;

}

< /风格

”。P”类在这里常称段落。STYLE标签可以在HTML文档的顶部和底部找到。文档中的大多数信息都位于这两个标记之间。

HTML和CSS可以在一个文档中一起使用,但不推荐这样做。在开发时,尝试使用所有的CSS,如果必须的话,可以使用所有的HTML。

如果你对CSS很感兴趣并想了解更多,看看这个CSS初学者的在线课程。

CSS顶级课程

高级CSS和Sass: Flexbox,网格,动画和更多!
乔纳斯Schmedtmann
4.8 (30014)
畅销书
50个项目50天- HTML, CSS和JavaScript
布拉德·特拉弗斯,弗洛林·波普
4.7 (3678)
CSS -完整指南2021(包括Flexbox, Grid和Sass)
学者:Maximilian Schwarzmüller, Maximilian Schwarzmüller, Manuel Lorenz
4.7 (10728)
畅销书
从一开始的现代HTML和CSS(包括Sass)
布拉德Traversy
4.7 (17991)
HTML & CSS教程和项目课程
约翰Smilga
4.7 (1995)
CSS Bootcamp - Master CSS(包括CSS Grid / Flexbox)
George Lomidze, Lasha Nozadze, Code And Create
4.7 (554)
HTML, CSS, JavaScript -构建6个创意项目
George Lomidze, Lasha Nozadze, Code And Create
4.8 (224)
SASS -完整的SASS课程(CSS预处理器)
George Lomidze, Lasha Nozadze, Code And Create
4.5 (384)
畅销书

更多CSS的课程

CSS学生也会学到

让你的团队。领导行业。

使用Udemy for Business订阅在线课程库和数字学习工具。

请求一个演示