文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

CSS的三大样式是什么

2023-06-26 05:48

关注

这篇文章主要介绍“CSS的三大样式是什么”,在日常操作中,相信很多人在CSS的三大样式是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS的三大样式是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

CSS样式

行内式

又叫:内联样式、行内样式、嵌入式样式

<!-- style作为属性直接写在标签后面, style属性可以包含任何 CSS属性 --><div >我是div</div><div >我是div2号</div><p >我是段落</p>

内部式

<!DOCTYPE html><html><head><meta charset="utf-8"><title>内部样式表</title><!-- 2、在head中间创建一个style标签 --><style type="text/css">p {color: red;font-size: 30px;}div{color: blue;font-size: 80px;}</style></head><body><!-- 1、先创建想要修饰的对象 --><div>CSS基础学习</div><p>我是段落</p></body></html>

外部式

<!DOCTYPE html><html><head><meta charset="utf-8"><title>外部样式表</title><!-- 3、利用<link>标签或者import引入css文件 --><!-- css外部引入方式1(推荐使用) --><!-- rel: relationship; rel属性是必须的, 规定当前文档与被链接文档/资源之间的关系stylesheet:样式表--><link rel="stylesheet" type="text/css" href="外部样式.css" /> <!-- link的另一种用法,链接<title>前面的小图标 --><link rel="icon" href="images/icon.jpg" /><!-- css外部引入方式2 --><style type="text/css">@import url("demo.css"); </style></head><body><!-- 1、先创建想要修饰的对象 --><div>CSS基础学习外部样式</div><div>CSS基础学习外部样式</div><p>我是段落</p><p>我是段落</p><!-- 2、新建一个css文件 --></body></html>

多重样式优先级

<!DOCTYPE html><html><head><meta charset="utf-8"><title>多重样式优先级</title><link rel="stylesheet" type="text/css" href="demo.css"/><style type="text/css">div{color: blue;}p{color: blue;}</style>  <!--demo.css里面p标签设置的是红色这里<style>距离<p>标签比<link>近,所以显示的是蓝色字体--></head><body><div >解析规则第一条测试</div><p>解析规则第二条测试:外部和内部样式表同时使用</p></body></html>

到此,关于“CSS的三大样式是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯