引用css样式的书写格式详解

时间：2021-05-08

css的书写格式一共有三种

行内样式：意思是在行内中写样式

例如说<pstyle="color:red">用行内样式编写我的颜色</p>

只适用于<body>（字体颜色和背景颜色）和<body>里面的标签，但不适用于<body>之外的例如:head，title，之类的标签

内嵌样式:使用style，把所有样式都卸载style里面。

例如说：

XML/HTML Code复制内容到剪贴板
  • <head>
  • <style>
  • p{
  • color:red;
  • background:blue;
  • border:1pxsolidgreen;
  • }
  • </style>
  • </head>
  • <body>
  • <p>用内嵌方式编写我的样式</p>
  • </body>

    • 外联样式:通俗点就是外部样式，使用link样式连接到外部的.css文件。

    例如说：

    XML/HTML Code复制内容到剪贴板
  • <head>
  • 　　<linkstyle="stylesheet"href="class.css"type="text/css"/>
  • </head>

  • 没错就是辣么简单，只需要把css样式写到另一个.css文本上然后仅需要link就可以在页面中显示出样式，但一定要注意文件路径！！！路径不对也是不可以滴.

    个人推荐使用外联样式，做到了css与布局代码的分离，可以使代码可编辑性更高 加载更快。

    以上这篇引用css样式的书写格式详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

    声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

    相关文章