如何创建CSS?创建CSS步骤流程 您所在的位置:网站首页 css文件编写 如何创建CSS?创建CSS步骤流程

如何创建CSS?创建CSS步骤流程

#如何创建CSS?创建CSS步骤流程| 来源: 网络整理| 查看: 265

级联样式表(CSS)是一种用于网站编码的系统,允许设计者通过将某些元素分配来进行操作。例如,通过使用网站背景代码,设计人员可以通过对CSS文件的一次更改来更改网站所有页面上的背景颜色或图像。以下是如何为基本网站创建CSS。

微信截图_20181105155631.png

一:编写内联CSS

1.确保您对HTML标签有基本的了解有关src以及href属性,了解一些基本的CSS属性。你会发现有很多属性。但是,没有必要全部学习它们,一些好的基本CSS属性要知道color和font-family,对于color属性,有些时候可以放置该red值,styleHTML属性。它在像href或的元素中使用src。要使用它,在等号后面的引号内,放置CSS属性,冒号,然后是属性的值。这称为CSS规则。

很多专业Web开发人员通常不会将内联CSS用于网站。内联CSS可以为HTML文档添加不必要的混乱。

二:编写基本CSS

1.启动您想要使用的代码,首先创建HTML和CSS文件。如果您没有安装特殊程序,则可以使用记事本或其他文本编辑器。只需将文件保存为文本文件和CSS文件即可,在HTML头中创建一个标签。这样您就可以编写CSS而无需其他单独的文件。选择要添加样式的元素,然后输入元素的名称,后跟一组花括号()。{ }为了使您的代码更清晰,请始终将第二个花括号放在自己的行上。在大括号之间,输入您的CSS规则,就像使用style属性一样。每行必须以分号(;)结尾。为了使您的代码清晰可见,每个规则应该从它自己的行开始,每行应该缩进。

创建一个CSS文件,而不是HTML文件,并使用.css扩展名保存它。在在HTML头中创建一个标签。这将允许您将单独的CSS文件链接到HTML文档。您的链接标签需要三个属性:rel,type,和href。rel表示“关系”并告诉浏览器与HTML文档的关系。这里应该有一个值"stylesheet"。type告诉我们链接的文件类型。这里应该有一个值"text/css"

href这里使用的方式与它在元素中的使用方式类似,但这里必须链接到CSS文件。如果CSS文件与HTML文件位于同一文件夹中,则只需要在引号内写入文件名。选择要添加相同样式的不同类型的元素。class为这些元素添加属性,并将它们设置为您选择的类名。这将为您的元素提供相同的样式。

以上就是对如何创建CSS?创建CSS步骤流程的全部介绍,如果您想了解更多有关CSS3教程,请关注PHP中文网。

以上就是如何创建CSS?创建CSS步骤流程的详细内容,更多请关注php中文网其它相关文章!



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有