• 技术文章 >web前端 >css教程

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

    云罗郡主云罗郡主2018-11-05 15:58:28原创5564
    级联样式表(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文件即可,<style>在HTML头中创建一个标签。这样您就可以编写CSS而无需其他单独的文件。选择要添加样式的元素,然后输入元素的名称,后跟一组花括号()。{ }为了使您的代码更清晰,请始终将第二个花括号放在自己的行上。在大括号之间,输入您的CSS规则,就像使用style属性一样。每行必须以分号(;)结尾。为了使您的代码清晰可见,每个规则应该从它自己的行开始,每行应该缩进。

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

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

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

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:创建CSS CSS步骤流程
    上一篇:CSS Box盒模型的详细解说 下一篇:带你深入了解css定位的知识
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• JavaScript实现动态创建CSS样式规则方案_javascript技巧• 用ul、li标签 创建css横向导航菜单• CSS教程(五)如何使用DW4创建CSS • Dreamweaver网页怎么创建css样式的复合声明?_Dreamweaver教程_网页制作
    1/1

    PHP中文网