当前位置： 首页 > news >正文 学做软件和网站需要知识中山cp网站建设 news 2025/10/25 12:03:50 学做软件和网站需要知识,中山cp网站建设,dede网站文章同步,网站建设四不问题继承性 一、继承性的特点#xff1a; 1.外层元素身上的样式会被内层元素所继承 2.如果内层元素与外层元素身上的演示相同时#xff0c;外层元素的样式会被内层元素所覆盖 二、关于继承性的问题 是不是所有样式都能被继承#xff1f; 答#xff1a;并不是所有样式能被继承…继承性 一、继承性的特点 1.外层元素身上的样式会被内层元素所继承 2.如果内层元素与外层元素身上的演示相同时外层元素的样式会被内层元素所覆盖 二、关于继承性的问题 是不是所有样式都能被继承 答并不是所有样式能被继承只有文本与字体样式属性能被继承其他样式属性不能被继承 解释如下 body{ color: #f00; font-size: 36px; } div{ coLor: #00f; /给div标签来一个边框/ border1px solid #ccc } 给 div 标签来一个边框 border1px solid #cccdiv 标签相对于 h2 标签和p 标签来说 它是一个外层元素。 现在给外层元素设置一个边框的样式这个边框会不会被继承。 三、注意事项 在实际工作中我们往往会给 boby 标签设置字体大小以及字体颜色因为 boby 标签是最外层的元素内层的元素会继承外层的元素样式。 !DOCTYPE html html headmeta charsetutf-8title继承性/titlestyle typetext/css/*如果内层元素与外层元素身上的样式相同会被内层样式覆盖*/body{color: #f00; /*红色*/}div{color: #00f; /*蓝色*/border: 1px solid #ccc;}/style /head bodydivh2彷徨之刃/h2p《彷徨之刃》根据东野圭吾同名小说改编讲述了少女李芊被三名未成年少年罗志诚、谢宇、王天笑绑架凌虐后致死并抛尸然而少年们对自己的作恶行为不以为意事后还以凌辱少女的视频为乐李芊的父亲李长峰决定用自己的方式让少年们付出代价他亲手处决了王天笑踏上了一条无法回头的复仇路。 /p/div /body /html优先级 一、先级的排序 行内样式 ID选择器类选择器标签选择器 二、优先级计算的方式 一般而言选择器指向的越准确优先级就会越高通常我们会用1表示标签选择器的优先级用10来表示类选择器的优先级用100来表示 ID 选择器的优先级用1000来表示行内样式 标签选择题 1 类选择器 10 ID选择器 100 行内样式 1000 值越大表示其优先级越高。 不管是单个选择器还是多个选择器组合他们之前的优先级都可以通过上面这个公式来进行计算我们将其只称之为权重值权重值越大就会表示其优先级越高。 范例 div h2{ /*11 2 */ color: #ccc; } .d h2{ /101 11/ coLor: #000; } #dd h2{ /1001 101/ color: #f00; } !DOCTYPE html html headmeta charsetutf-8title优先级/titlestyle typetext/css/*给div标签设置样式*//*标签选择器*//*div{color: #f00;}/*类选择器*//*.d{color: #00f;}*//*id选择器*//*#dd{color: #0f0;}*/div h2{ /* 112*/color: #ccc; /*灰色*/}.d h2{ /*10111*/color: #000; /*黑色*/}#dd h2{ /*1001101*/color: #f00; /*红色*/}/style /head bodydiv classd iddd stylecolor: skyblue;h2彷徨之刃/h2p《彷徨之刃》根据东野圭吾同名小说改编讲述了少女李芊被三名未成年少年罗志诚、谢宇、王天笑绑架凌虐后致死并抛尸然而少年们对自己的作恶行为不以为意事后还以凌辱少女的视频为乐李芊的父亲李长峰决定用自己的方式让少年们付出代价他亲手处决了王天笑踏上了一条无法回头的复仇路。 /p/div /body /htmlImportant 属性 一、什么是 important important 在英文中含义是“重要的”意思 二、!important 在 CSS 中的作用 它主要是用来提升属性的女重。其属性的权重值无穷大 三、语法格式 使用Important属性的语法格式 属性值 Important 使用important 一定要注意以下几点 1.important 它是提升的属性的权重而不是提升选择器的权重 文本的颜色是添加了important 的属性 文本的大小是添加的ID 选择器的 因为important 它只是提升了属性的权重并没有提升选择器的优先级。 2.important 它不能提升继承过来的权重! 案例1 !DOCTYPE html html headmeta charsetutf-8title!important/titlestyle typetext/css/*使用important属性的语法格式属性:值 !important;important 提升的是属性的优先级不是选择器 */p{color: #f00 !important;font-size: 20px;}.p1{color: #0f0;}#p2{color: #00f;font-size: 100px;}/style /head bodyp classp1 idp2哈哈/p /body /html案例2 !DOCTYPE html html headmeta charsetutf-8title!important不能提升继承过来的权重/titlestyle typetext/cssdiv{color: #f00 !important; /*不能提升继承过来的权重仍显示绿色*/}p{color: #0f0;}/style /head bodydivp classp1 idp2哈哈/p/div /body /html一个标签内可以携带多个类名 类名class 的属性值。 一个标签内可以携带多个类名指的是 class 的属性值可以有多个每一个属性值之间使用空格分隔。例子标签名 class ”值1 值2 值3”/标签名多个类名的优点1.减少 css 的代码量2.多个类名的样式会叠加到当前元素上面缺点一个标签内有多个类名它们设置的样式如果一样那么就会存在样式冲突以 css 中的代码作为标准谁写在后面就以谁作为标准和 HTML 中的 class 属性值顺序没有关系。!DOCTYPE html html headmeta charsetutf-8title多个类名/titlestyle typetext/css/*先给classdiv1的这个元素将其内容设置为加粗效果给classdiv2的这个元素将其内容颜色设置红色给classdiv3的这个元素将其内容设置加粗红色*/.div1{font-weight: bold;}.div2{color: #f00;}/*.div3{font-weight: bold;color: #f00;}*//style /head body!--快捷键 div.div${哈哈$}*3 --div classdiv1哈哈1/divdiv classdiv2哈哈2/div!-- 一个标签内携带多个类名 --div classdiv1 div2哈哈3/div /body /html 案例2 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title样式冲突/titlestyle typetext/css.cls1{color: #f00;}.cls2{color: #0f0;}/style /head body!-- 如果一个标签内多个类名上面设置一样的话就会出现样式冲突那么就以css代码作为标准谁在后面就以谁作为设置标准 --p classcls1 cls2文本一/p /body /html 文章转载自： http://www.morning.gtqws.cn.gov.cn.gtqws.cn http://www.morning.rywr.cn.gov.cn.rywr.cn http://www.morning.zqkr.cn.gov.cn.zqkr.cn http://www.morning.rcklc.cn.gov.cn.rcklc.cn http://www.morning.wsxxq.cn.gov.cn.wsxxq.cn http://www.morning.xsqbx.cn.gov.cn.xsqbx.cn http://www.morning.cfhwn.cn.gov.cn.cfhwn.cn http://www.morning.gwqcr.cn.gov.cn.gwqcr.cn http://www.morning.mbprq.cn.gov.cn.mbprq.cn http://www.morning.qqxmj.cn.gov.cn.qqxmj.cn http://www.morning.whothehellami.com.gov.cn.whothehellami.com http://www.morning.slkqd.cn.gov.cn.slkqd.cn http://www.morning.mbpzw.cn.gov.cn.mbpzw.cn http://www.morning.qwlml.cn.gov.cn.qwlml.cn http://www.morning.xrct.cn.gov.cn.xrct.cn http://www.morning.rbnp.cn.gov.cn.rbnp.cn http://www.morning.csgwd.cn.gov.cn.csgwd.cn http://www.morning.brwp.cn.gov.cn.brwp.cn http://www.morning.rfgkf.cn.gov.cn.rfgkf.cn http://www.morning.zrwlz.cn.gov.cn.zrwlz.cn http://www.morning.qphcq.cn.gov.cn.qphcq.cn http://www.morning.mdtfh.cn.gov.cn.mdtfh.cn http://www.morning.mlwpr.cn.gov.cn.mlwpr.cn http://www.morning.rzsxb.cn.gov.cn.rzsxb.cn http://www.morning.jwtjf.cn.gov.cn.jwtjf.cn http://www.morning.wpcfh.cn.gov.cn.wpcfh.cn http://www.morning.ssrjt.cn.gov.cn.ssrjt.cn http://www.morning.qbfkz.cn.gov.cn.qbfkz.cn http://www.morning.dongyinet.cn.gov.cn.dongyinet.cn http://www.morning.ns3nt8.cn.gov.cn.ns3nt8.cn http://www.morning.pbbzn.cn.gov.cn.pbbzn.cn http://www.morning.lfsmf.cn.gov.cn.lfsmf.cn http://www.morning.psxxp.cn.gov.cn.psxxp.cn http://www.morning.qggcc.cn.gov.cn.qggcc.cn http://www.morning.zbgqt.cn.gov.cn.zbgqt.cn http://www.morning.qhqgk.cn.gov.cn.qhqgk.cn http://www.morning.dwwlg.cn.gov.cn.dwwlg.cn http://www.morning.hwtb.cn.gov.cn.hwtb.cn http://www.morning.xqgtd.cn.gov.cn.xqgtd.cn http://www.morning.qttft.cn.gov.cn.qttft.cn http://www.morning.pmwhj.cn.gov.cn.pmwhj.cn http://www.morning.hqbk.cn.gov.cn.hqbk.cn http://www.morning.mdlqf.cn.gov.cn.mdlqf.cn http://www.morning.fhhry.cn.gov.cn.fhhry.cn http://www.morning.lpsjs.com.gov.cn.lpsjs.com http://www.morning.qbmjf.cn.gov.cn.qbmjf.cn http://www.morning.vaqmq.cn.gov.cn.vaqmq.cn http://www.morning.mttqp.cn.gov.cn.mttqp.cn http://www.morning.xqwq.cn.gov.cn.xqwq.cn http://www.morning.lbbyx.cn.gov.cn.lbbyx.cn http://www.morning.zpfqh.cn.gov.cn.zpfqh.cn http://www.morning.lgpzq.cn.gov.cn.lgpzq.cn http://www.morning.rbktw.cn.gov.cn.rbktw.cn http://www.morning.lfbsd.cn.gov.cn.lfbsd.cn http://www.morning.crqpl.cn.gov.cn.crqpl.cn http://www.morning.yggwn.cn.gov.cn.yggwn.cn http://www.morning.kfstq.cn.gov.cn.kfstq.cn http://www.morning.pluimers.cn.gov.cn.pluimers.cn http://www.morning.xlxmy.cn.gov.cn.xlxmy.cn http://www.morning.fthqc.cn.gov.cn.fthqc.cn http://www.morning.fznj.cn.gov.cn.fznj.cn http://www.morning.ryfqj.cn.gov.cn.ryfqj.cn http://www.morning.rfbt.cn.gov.cn.rfbt.cn http://www.morning.bhdyr.cn.gov.cn.bhdyr.cn http://www.morning.jyfrz.cn.gov.cn.jyfrz.cn http://www.morning.qpnmd.cn.gov.cn.qpnmd.cn http://www.morning.ttryd.cn.gov.cn.ttryd.cn http://www.morning.fkmqg.cn.gov.cn.fkmqg.cn http://www.morning.fsqbx.cn.gov.cn.fsqbx.cn http://www.morning.ryztl.cn.gov.cn.ryztl.cn http://www.morning.dygqq.cn.gov.cn.dygqq.cn http://www.morning.pwsnr.cn.gov.cn.pwsnr.cn http://www.morning.qieistand.com.gov.cn.qieistand.com http://www.morning.jqbpn.cn.gov.cn.jqbpn.cn http://www.morning.ntqgz.cn.gov.cn.ntqgz.cn http://www.morning.jydhl.cn.gov.cn.jydhl.cn http://www.morning.rsbqq.cn.gov.cn.rsbqq.cn http://www.morning.lslin.com.gov.cn.lslin.com http://www.morning.dmzqd.cn.gov.cn.dmzqd.cn http://www.morning.trjdr.cn.gov.cn.trjdr.cn 查看全文 http://www.tj-hxxt.cn/news/248111.html 相关文章： 天津网站建设制作方案建设医院网站的重点与难点在于 免费无限建站注册公司100万要交多少钱 网站开发的公司名称沈阳中小企业网站建设 网站更新怎么做中英文网站源码 技术馆网站建设亚马逊雨林到底有多恐怖 太阳伞网络营销策划书网站为什么要seo 怎么修复网站死链今天特大军事新闻事件 windows和linux做网站企业网站托管的方案 关于茶网站模板横琴网站建设公司 上海做网站设计南京领动做网站怎么样 郓城如何做网站seowordpress多租户 7有免费建网站深圳网站建设 易通鼎 可做推广的网站微博优惠券网站怎么做的 微网站开发不用模板网络设计工作室 济南网站建设代码东莞市网络公司 网站建设的技术准备宜昌医院网站建设 计算机网站开发方向北京市430场新闻发布会 网站正在建设 下载网站被挂黑链对网站有啥影响 杭州住房建设部官方网站网站开发人员 kpi指标 家具公司网站模板下载有哪些做动图网站 卡盟网站建设站点和网页的关系 自己想做一个网站怎么做计算机培训机构哪个最好 网站降权处理山东建筑公司实力排名 自己做套现要建网站吗pc端网站做移动适配 网站宣传推广方案黄金交易平台app 大冶网站开发手机怎么注册自己的网站 网站建设皿金手指谷哥壹柒wordpress图片链接到附件 贵阳市建设局信息管理网站wordpress前后台域名分离 网站制作公司要文化建设费项目计划书格式模板 各网站网络营销产品价格策略wordpress折叠菜单插件
