分享更有价值
被信任是一种快乐

CSS引入样式的方法有哪些

文章页正文上

本文小编为大家详细介绍“CSS引入样式的方法有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS引入样式的方法有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
  CSS中可以通过三种方法引入样式表:
  (1)内联样式
  (2)嵌入式样式
  (3)外部样式
  这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍
  内联样式
  特点:(1)内联样式放在代码中的HTML元素中。
  (2)使用内联样式时,样式只会影响你选择的元素。
  (3)内联样式没有选择器
  示例:
  

  此CSS内联样式只能改变这个div的宽和高,它不会更改页面上的任何div或者属性的样式。这是内联样式的限制之一。由于它们只对特定元素进行更改,因此这不是最佳做法,内联样式也具有非常高的特异性。这使得很难用其他非内联样式覆盖它们,事实上,我们很少在网页上使用内联样式。

  嵌入样式

  特点:(1)被放置在样式标签编写的网页的头部部分中。

  (2)编写的样式将仅用于您使用它的网页。

  (3)嵌入样式也称为“内部样式”

  示例

  

  

  

  

  

Document

  

  div{

  width:100px;

  height:100px;

  border:1pxsolid#ccc;

  }

  

  

  

  

  

  

  嵌入式样式是嵌入在文档头部的样式。嵌入式样式仅影响它们嵌入的页面上的标记。再次,这种方法否定了CSS的优势之一。由于每个页面都有样式,如果你想进行全站点更改,比如将链接颜色从红色更改为绿色,则需要在每个页面上进行此更改,因为每个页面都使用嵌入式样式表。这比内联样式更好,但在许多情况下仍然存在问题。

  外部样式表

  特点:(1)在单独的文档中编写然后附加到各种Web文档中

  (2)修改它可以影响所有你所调用的页面

  (3)便于修改操作

  示例

  

  在demo文件下写css样式

  如今大多数网站使用外部样式表,外部样式是在单独的文档中编写然后附加到各种Web文档的样式。外部样式表会影响它们所连接的任何文件,这意味着如果你有一个20页的网站,每个页面使用相同的样式表,当需要改变的话只需编辑该样式表即可完成这些页面,这使得长期站点管理变得更加容易。外部样式表的缺点是它们需要页面来获取和加载这些外部文件。并非每个页面都会使用CSS表格中的每个样式,因此许多页面将加载比实际需要的页面大得多的CSS页面。

读到这里,这篇“CSS引入样式的方法有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注云技术行业资讯频道。

推荐阅读:
  1. 引入CSS样式文件
  2. html中引入css样式的方法
免费云主机、域名

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

  • 上一篇新闻:

    怎么用important改变CSS中优先级的顺序
  • 下一篇新闻:

    css是什么

猜你喜欢

  • 郑州服务器托管流程是什么
  • 香港cdn加速服务器有哪些优点
  • 挂机vps租用怎么搭建游戏网站
  • java虚拟主机环境怎么配置
  • cc域名价格一般是多少
  • 域名备案号查询麻烦吗
  • 免费稳定空间软件有哪些
  • 虚拟主机试用30天怎么申请
  • 免费代理服务器网站怎么连接
  • 日本vps租用怎么提高访问速度
  此CSS内联样式只能改变这个div的宽和高,它不会更改页面上的任何div或者属性的样式。这是内联样式的限制之一。由于它们只对特定元素进行更改,因此这不是最佳做法,内联样式也具有非常高的特异性。这使得很难用其他非内联样式覆盖它们,事实上,我们很少在网页上使用内联样式。
  嵌入样式
  特点:(1)被放置在样式标签编写的网页的头部部分中。   (2)编写的样式将仅用于您使用它的网页。   (3)嵌入样式也称为“内部样式”   示例                  

  div{
  width:100px;
  height:100px;
  border:1pxsolid#ccc;
  }
  
  
  
  
  
  
  嵌入式样式是嵌入在文档头部的样式。嵌入式样式仅影响它们嵌入的页面上的标记。再次,这种方法否定了CSS的优势之一。由于每个页面都有样式,如果你想进行全站点更改,比如将链接颜色从红色更改为绿色,则需要在每个页面上进行此更改,因为每个页面都使用嵌入式样式表。这比内联样式更好,但在许多情况下仍然存在问题。
  外部样式表
  特点:(1)在单独的文档中编写然后附加到各种Web文档中
  (2)修改它可以影响所有你所调用的页面
  (3)便于修改操作
  示例
     在demo文件下写css样式
  如今大多数网站使用外部样式表,外部样式是在单独的文档中编写然后附加到各种Web文档的样式。外部样式表会影响它们所连接的任何文件,这意味着如果你有一个20页的网站,每个页面使用相同的样式表,当需要改变的话只需编辑该样式表即可完成这些页面,这使得长期站点管理变得更加容易。外部样式表的缺点是它们需要页面来获取和加载这些外部文件。并非每个页面都会使用CSS表格中的每个样式,因此许多页面将加载比实际需要的页面大得多的CSS页面。读到这里,这篇“CSS引入样式的方法有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注云技术行业资讯频道。免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

相关推荐: HTML div右边怎么加边框

本篇内容主要讲解“HT免费云主机、域名ML div右边怎么加边框”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML div右边怎么加边框”吧!1.DIV的右侧框运用单词与值2.代码1、简易性:超级文本标记语言版…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册