星联网络专注帝国CMS二次功能插件开发-精品网站模板站长代码素材

  • 最近更新
  • 模板：33个
  • 记录：12640篇|
  • 插件：52个|
  • 工具：4个|
  • 代码：8个|
  • 评论：0条

源码类型

站长工具

教程-营销

会员中心
当前位置：首页>Web开发教程>CSS开发笔记 > 浅谈CSS样式权值

浅谈CSS样式权值

2021-02-08 作者：匿名 阅读：1310次
前言

本文重点解决浅谈CSS样式权值问题,希望能够帮助到你

内联样式表(InLine style)>内部样式表(Internal style sheet)>外部样式表(External style sheet)

例外：但如果外部样式表放在内部样式表下边引用,则外部样式表>内部样式表;

1,内联样式表权值为1000;

2,ID选择器的权值为100;

3,Class类选择器的权值为10;

4,HTML标签选择器的权值为1;

具体代码如下：

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>CSS样式权值</title>  
  6.     <style>  
  7.         body{   
  8.             font-size: 20px;   
  9.             font-weight: 900;    
  10.         }   
  11.         h3{   
  12.             color: yellow;   
  13.         }   
  14.         #redP p{   
  15.             /*权值100+1=101*/   
  16.             color: #f00;   
  17.             /*红色*/   
  18.         }   
  19.         #redP p.red em{   
  20.             /*权值100+1+10+1=112*/   
  21.             color: #00f;   
  22.             /*蓝色*/   
  23.         }   
  24.         #redP .red em{   
  25.             /*权值100+10+1=111*/   
  26.             color: #0ff;   
  27.             /*亮蓝色*/   
  28.         }   
  29.   
  30.   
  31.         #redP p span em{   
  32.             /*权值100+1+1+1=103*/   
  33.             color: #ff0;   
  34.             /*黄色*/   
  35.         }   
  36.     </style>  
  37.     <link rel="stylesheet" href="style.css">  
  38. </head>  
  39. <body>  
  40.     <h3>例外:外部样式表>内部样式表</h3>  
  41.     <div id="redP">  
  42.         <p class="red">  
  43.             <span>  
  44.                 <em>emred</em>  
  45.             </span>  
  46.         </p>  
  47.         <p>red</p>  
  48.     </div>  
  49. </body>  
  50. </html>  

以上这篇浅谈CSS样式权值就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持程序员学习网。

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/css/940.html

W 导出为.doc文档
标签样式选择外部内部浅谈例外样式表的给下内容
  • 上一篇select元素中设置padding效果的方法
  • 下一篇使用CheckBox的属性制作纯css动态导航栏
    • 以上内容由本站整理呈现，请务必在转载分享时注明本文地址！如对内容有疑问，请联系我们，谢谢！
    打赏 点赞
    相关内容

  • 织梦DEDECMS教程：实现键盘翻页效果

  • DedeCMS系统无此TAG标签已移除

  • 织梦dedecms内容页来源后面加个类似原创的图标

  • 织梦调用栏目名称方法小结

  • 用PHP将数据导入到Foxmail
  • DedeCMS更换安装目录后需要修改的内容
  • php adodb介绍
  • PHP新手上路（十二）
  • DedeCMS列表页文档显示关键字的修改方法
  • DedeCms自定义字段调用长度截取方法
  • 帝国cms列表页调用文章关键词与tag的方法
  • 为查询结果建立向后/向前按钮
  • DEDECMS5.6和5.7跳转网址直接显示跳转网址的解决办法
  • dedecms调用仿百度ask问答的问题SQL语句
  • Adodb的十个实例(清晰版)
  • PHP中的MYSQL常用函数(php下操作数据库必备)_php基础
  • Web点击链接调起手机系统自带短信发短信
  • DedeCMS首页及列表页显示文章作者头像的方法
  • phpcms v9如何调用外部数据库？调用的标签是什么
  • 强烈推荐：php.ini中文版(2)

    • 星联网络

    星联网络是中国最具实战的互联网创业者的知识服务商，这里有互联网行业动态,网络推广,SEO优化,SEM优化,ESC配置,行业经验分型,互联网项目，微信营销、淘宝客赚钱、新媒体营销、京东运营、跨境电商等众多互联网营销知识分享
    知识分类
  • img 行业动态
  • img 网络推广
  • img SEO优化
  • img 短视频
  • img 经验分享
  • img 市场营销
  • img 项目分析
  • img 站长必备
    • img
    热门推荐
  • 拼多多上线批发平台网站

    2021-02-25

    拼多多上线批发平台网站
  • APP推广的常用八大方法

    2021-07-23

    APP推广的常用八大方法
  • 怎么做好spss项目分析？

    2021-05-27

    怎么做好spss项目分析？
  • 白杨SEO：怎么做差异化定位？差异化竞争优势有哪些？实战分享

    2021-06-20

    白杨SEO：怎么做差异化定位？差异化竞争优势有哪些？实战分享
  • 新客户开发的分步骤考核

    2021-05-27

    新客户开发的分步骤考核
  • 即今日头条之后 微信也推出自家搜索引擎“微信搜一搜”

    2021-02-25

    即今日头条之后 微信也推出自家搜索引擎“微信搜一搜”
  • 如何提高网站收录、提升网站文章内容被收录

    2021-06-03

    如何提高网站收录、提升网站文章内容被收录
  • 如何运用5118工具在知乎高效引流

    2021-05-26

    如何运用5118工具在知乎高效引流
    • img
    随机文章
  • 企业做百度实名实网认证有什么好处？
    • 2022-06-02
    企业做百度实名实网认证有什么好处？
  • 网易HR发表不当言论被开除 道歉信曝光
    • 2021-06-16
    网易HR发表不当言论被开除 道歉信曝光
  • 做好SEO推广都有哪些流行可用的方式
    • 2021-05-30
    做好SEO推广都有哪些流行可用的方式
  • 蚂蚁集团数据库OceanBase正式开源 宣布开源300万行核心代码
    • 2021-06-16
    蚂蚁集团数据库OceanBase正式开源 宣布开源300万行核心代码
  • 如何写好一份项目背景分析报表？你需要做好哪些工作
    • 2021-05-27
    如何写好一份项目背景分析报表？你需要做好哪些工作
  • 市场营销成功案例 ——“沃尔玛”的成功经验
    • 2021-05-29
    市场营销成功案例 ——“沃尔玛”的成功经验
  • 什么是SEM营销，我们如何做好SEM推广?
    • 2021-05-30
    什么是SEM营销，我们如何做好SEM推广?
  • 怎样进行页面seo优化？
    • 2021-05-30
    怎样进行页面seo优化？
    • 标签云
    网站劫持2 新思路1 app营销1 app拉新思路1 百度新算法1 百度移动1 移动搜索1 网站问题1

    站长运营站长必备网站运营之道才能长久发展

    行业动态
    网络推广
    SEO优化
    短视频
    经验分享
    项目分析
    市场营销
    站长必备
    查看更多
    帝国CMS二次开发
    资深二次开发记录
    一对一专属客服服务
    上万用户诚意推荐
    网站模板
    综合门户
    企业网站
    博客媒体
    行业机构
    文章资讯
    游戏娱乐
    网站源码
    整站php源码
    微擎微赞
    小程序源码
    游戏源码
    H5源码
    管理系统
    插件下载
    帝国插件
    织梦插件
    Dz插件
    WP插件
    站长工具
    本地工具
    在线工具
    开发笔记
    帝国CMS开发笔记
    网站开发笔记
    php开发笔记
    CSS开发笔记
    js开发笔记
    Html开发笔记
    营销推广
    经验分享
    SEO优化
    短视频
    项目分析
    网络推广
    行业动态

    联系我们

    扫码加微信好友

    友情链接：
    更多 >>

    © 2002-2022 星联科技(xinglianwangluo.com) 版权所有，并保留所有权利   老妖怪 蜀ICP备19007291号-21

    四川省广元市利州区       川公网安备 51080202000147号