怎么将html与css分开

来源:网络整理作者: 发布时间:2020-12-19 15:53

创建一个xx.css文件，将css样式都写在这里面，这就实现的html与css分离，要使用时用link rel=stylesheet type=text/css href=htt...

html代码和css代码完全分离就是使用外接css样式表的方式设置样式，这样可以使得布局和样式分离实现解耦，可以使非常复杂的页面变得清晰，有利于以后的改版维护。

工具原料：编辑器、浏览器

将HTML代码和css代码放在不同的文件中，然后只在HTML中引用css文件，实现HTML文件中只用HTML结构代码，css样式仅在css文件中，简单的示例如下：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href=https://www.ym97.com/"css.css"> <title>Document</title> </head> <body> <ul class="list"> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> </ul> </body> </html>

以上的文件可以看出HTML文件只有HTML代码，css样式表单独一个文件放在css.css文件中，这样实现了HTML代码和css代码的解耦。

以上就是怎么将html与css分开的详细内容，更多请关注php中文网其它相关文章！

相关热词： HTML CSS

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5669.shtml

上一篇：html !--...--标签怎么用

下一篇：怎么在html增加css

④格式标签粗体：b/b 斜体：	我们直接看代码： !DOCTYPE htm
假设我们的HTML代码如下： ul	我们尝试一下更新一下HTML结构
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
HTML5 学习总结（四）canvas绘图	一个页面写完了要编写一个美
canvas与html5实现视频截图成果	html5 canvas常用api总结(二)画图
本教程操作环境：windows7系统	优化转动的小能力：利用CSS
.plate { position: absolute; top: 50	content: $(#id) //这里content是一个
该div包含layui-select-title和dl两个	可以加我的HTML5前端交流群11