网站建设资讯

NEWS

网站建设资讯

在html页面写css样式表的方法

小编给大家分享一下在html页面写css样式表的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

专注于为中小企业提供网站设计、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业阿瓦提免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了千余家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

在html页面写css样式表的方法:1、直接把css代码写在现有的HTML标签元素的开始标签里面;2、采取将css样式代码写在“”标签之间。

1、首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css样式代码要写在style=""双引号中才可以,如:

这里文字是红色。

在html页面写css样式表的方法

2、如果想让HTML标签和css样式区分开来,可以采取将css样式代码写在标签之间,并且这里的可以写在标签之间或者标签之间,效果都是一样的。

在html页面写css样式表的方法

3、以上两种HTML和css的结合都是在同个页面,代码量多的情况下就不好区分了,这时可以创建一个外部css样式文件。右键点击桌面先创建一个记事本文档,然后将文档的扩展名改为“.css”。将该css样式文件与HTML放在同个磁盘中以便调用。

在html页面写css样式表的方法

4、将css样式文件创建好后,使用Sublime编辑器打开css样式文件,在文件里面编写相应的css样式。

在html页面写css样式表的方法

5、准备好这个css样式文件后,回到HTML文件,在标签内使用标签将css样式文件链接到HTML文件内,就完成了。

在html页面写css样式表的方法

以上是在html页面写css样式表的方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章名称:在html页面写css样式表的方法
URL链接:http://cdweb.net/article/jdhoop.html