首页 > 软件开发 > HTML >

在html中有几种使用css的方法

来源:互联网 2023-03-16 19:12:44 363

css样式表能很好的控制页面显示,以达到分离网页内容和样式代码的目的。css控制html页面达到良好的显示效果,主要的方法包括行内样式、内嵌样式、链接样式、导入样式。e7X办公区 - 实用经验教程分享!

工具/原料

  • 电脑一台
  • php开发集成环境
  • Sublime Text3编辑器

方法/步骤

  • 1

    第一种方法是行内样式,就是直接把CSS代码添加到html的标签中,作为标签的一种属性存在。e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

  • 2

    第二种方式是内嵌样式,就是将CSS代码添加到head>/head>之间,并用style>/style>标记进行声明。e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

  • 3

    第三种方法是链接样式,就是将“页面内容”和“样式代码”分类成两个文件或多个文件,实现html代码和css代码的完全分离。e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

  • 3本页面未经授权抓取自百度经验
  • 4

    第四种方法是导入样式,导入样式和链接样式基本相同,都是创建一个单独的CSS文件,然后引入到html文件中,只不过语法和运作方式有差别。e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

    在html中有几种使用css的方法?e7X办公区 - 实用经验教程分享!

  • 注意事项

    • 这几种方式的优先级是由差别的

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


    标签: CSSHTML

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