分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

css样式表的知识点总结

发布时间:2023-09-06 02:33责任编辑:胡小海关键词:暂无标签

css总的来说有三种css样式可供选择:

1,行内样式表

  行内样式表,直接写在了html文件的元素中,例如:

  <div style="color:red;"></div>

2,页内嵌入样式

  页内嵌入样式是利用style标签将样式表的内容直接写在html文件的head标签中,例如:

  <head>

    <style>

      p{

        color:red;

       }

    </style>

  </head>

  <body>

    <p>例子</p>

  </body>

意思是直接在html文件的head标签中嵌入p标签的样式,style标签中写入样式内容。

3,外部样式表

外部样式表,需要新建一个.css文件,里面之需要写css的样式。一个单独编写css样式的文件。

特别的地方是,这个外部文件需要使用link标签引用,例如引用example.css文件:

<link rel="stylesheet" type="text/css" href="此处是你存放的css文件的地址(该地址相对于你的html文件)">

4,三种样式表的优先级

行内样式表>页内嵌入样式表>外部样式表

当你在同一个元素上面使用了三种样式表,就会涉及到不同样式表的优先级问题,最高优先级的优先显示其次是较低优先级的。

css样式表的知识点总结

原文地址:https://www.cnblogs.com/yu-tang/p/10432195.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved