• 技术文章 >web前端 >前端问答

    怎么在html页面写css样式表

    藏色散人藏色散人2020-11-30 16:43:52原创1045

    本教程操作环境:windows7系统、html5和css3版,该方法适用于所有品牌电脑。

    在html页面写css样式表

    1、首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css样式代码要写在style=""双引号中才可以,如:<p style="color:red">这里文字是红色。</p>。

    3832282ea71790de187259b97649fad.png

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

    a2b2a24754e7b078888f29daad1e741.png

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

    8bb58389bb83f1123bbf5051ceaeedd.png

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

    69587f2ffcd40d5b7ce02855b832a2f.png

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

    a37b77d8b29f01a5ff244c2b3f94ba8.png

    更多编程相关知识,请访问:编程学习!!

    以上就是怎么在html页面写css样式表的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html css
    上一篇:js和css文件位置对页面性能有什么影响? 下一篇:easyui和bootstrap之间有什么区别?
    大前端线上培训班

    相关文章推荐

    • css怎么设置字体为宋体• css属性选择器有什么用?• css中的透明度属性是什么• 如何只使用1个css属性来创建响应式网站?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网