首页 > 软件开发 > HTML >

HTML怎么添加使用CSS

来源:互联网 2023-03-16 19:16:45 版权归原作者所有,如有侵权,请联系我们

对于很多刚接触网站开发的小伙伴来说,不是很熟悉HTML添加CSS的方式。下面小编就将操作方法演示给大家,供大家参考学习!LRN办公区 - 实用经验教程分享!

HTML怎么添加使用CSSLRN办公区 - 实用经验教程分享!

工具/原料

  • 电脑:win7,64位
  • 开发工具:HBuilder X

方法一

  • 1

    打开网站开发工具,新加一个HTML文件LRN办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSLRN办公区 - 实用经验教程分享!

  • 2

    直接在HTML标签添加内联样式:LRN办公区 - 实用经验教程分享!

    演示代码:div style="width: 100%;">/div>LRN办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSLRN办公区 - 实用经验教程分享!

  • 2
  • 方法二:

  • 1

    在HTML文档内使用style>/style>标签添加样式:LRN办公区 - 实用经验教程分享!

    演示代码:LRN办公区 - 实用经验教程分享!

    style type="text/css">/style>LRN办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSLRN办公区 - 实用经验教程分享!

  • 方法三

  • 1

    新建一个CSS文件,并且写入相关样式LRN办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSLRN办公区 - 实用经验教程分享!

  • 2

    在HTML文件上引入CSS文件LRN办公区 - 实用经验教程分享!

    演示代码:link rel="stylesheet" type="text/css" href="style.css"/>LRN办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSLRN办公区 - 实用经验教程分享!

  • 方法总结

  • 1

    方法一:LRN办公区 - 实用经验教程分享!

    1、新建一个HTML文件LRN办公区 - 实用经验教程分享!

    2、在HTML标签添加内联样式LRN办公区 - 实用经验教程分享!

    方法二:LRN办公区 - 实用经验教程分享!

    1、新建一个HTML文件LRN办公区 - 实用经验教程分享!

    2、使用style>/style>标签添加样式LRN办公区 - 实用经验教程分享!

    方法三:LRN办公区 - 实用经验教程分享!

    1、新建一个CSS文件LRN办公区 - 实用经验教程分享!

    2、在HTML文件上引入CSS文件LRN办公区 - 实用经验教程分享!

  • 注意事项

    • tips1:本教程所使用的代码及参数,只是为了方便演示,实际情况按自己的需求来写!
    • tips2:如果有什么不明白,可以给小编留言咨询或者建议!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!LRN办公区 - 实用经验教程分享!


    标签: CSSHTML网站

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号