当前位置： 首页 > news >正文 成立做网站的公司网店美工分为几个级别 news 2025/11/4 12:29:49 成立做网站的公司,网店美工分为几个级别,滕州做网站的,做软件的中介网站目录 任务描述 相关知识 id选择器 id选择器语法 类选择器与id选择器的区别 编程要求 任务描述 在本关中#xff0c;你将通过id选择器的方式完成页面菜单栏样式布局#xff0c;栏目导航等任务。 完成任务之后#xff0c;基本页面效果如下#xff1a; 动态效果如下你将通过id选择器的方式完成页面菜单栏样式布局栏目导航等任务。 完成任务之后基本页面效果如下 动态效果如下 相关知识 id选择器 id选择器与我们上一关中学习的类选择器类似但在使用上有不同。 使用类选择器时指定一个元素属于某类使用的是关键字class例如: bodyh1 classimportant温馨提示/h1p少一串脚印多一份绿意。/p /body 而在使用id选择器时使用的是关键字id。对于上面类选择器的例子用id选择器书写 bodyh1 idimportant温馨提示/h1p少一串脚印多一份绿意。/p /body 在样式表中指定对应id名元素的样式使用#符号也称为棋盘号或井号。 #important {color: red;font-weight: bold; } 样式应用效果如图 id选择器语法 同理我们可以看出id选择器的语法规则如下 首先将html中想要应用类样式的元素指定id名。 元素名 id指定的类名/元素名元素名 id指定的类名 然后书写相应类的样式。 #指定的类名 {样式声明} 类选择器与id选择器的区别 类选择器与id选择器类似那么它们的区别是什么呢什么情况下应该使用哪一种选择器呢 它们最大的区别在于在一个 HTML 文档中可以为任意多个元素指定类但id选择器只能使用一次一个id只能运用于一个元素。 一般情况下都推荐使用类选择器。而在一些特定情况下我们才会建议使用id选择器。例如通过id选择器在页面中定义锚在编写 JavaScript 为指定的页面元素应用特殊行为时。 编程要求 为header元素添加名为menu的id 使用id选择器设置精选(#chosen)标题为红色(red)时事( #news)标题为蓝色(blue)财政(#finance)标题为橄榄绿(olive), 思想(#think)标题为绿色(green)生活(#life)标题为橘色(orange)。 !DOCTYPE html html langzh headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleID选择器/titlestyle typetext/css/* 元素选择器 */html {background-color: #F0F0F0;}header {padding: 40px;background-color: white;}footer {margin-top: 20px;font-size: 0.6em;color: grey;}/* 类选择器 */.main {margin: 10px;}.newsSection {margin-top: 20px;padding: 20px;background-color: white;}/* ********** BEIGN ********** */#chosen {color: red;}#news {color: blue;}#finance {color: olive;}#think {color: green;}#life {color: orange;}/*选择menu元素下的li子元素*/#menu li {float: left;width: 70px;font-size: 1.2em;font-weight: lighter;}/*选择menu元素下的li子元素和li下得a子元素*/#menu li, li a {list-style: none;text-decoration: none;}/* ********** END ********** *//style /head body div classmain!-- ********** BEGIN ********** --header idmenu!-- ********** END ********** --lia href#chosen精选/a/lilia href#news时事/a/lilia href#finance财政/a/lilia href#think思想/a/lilia href#life生活/a/li/headerdiv classnewsSectionsectionh2 idchosen精选/h2li精选新闻1/lili精选新闻2/lili精选新闻3/li/sectionsectionh2 idnews时事/h2li时事新闻1/lili时事新闻2/lili时事新闻3/li/sectionsectionh2 idfinance财政/h2li财政新闻1/lili财政新闻2/lili财政新闻3/li/sectionsectionh2 idthink思想/h2li思想新闻1/lili思想新闻2/lili思想新闻3/li/sectionsectionh2 idlife生活/h2li生活新闻1/lili生活新闻2/lili生活新闻3/li/section/divfooterCopyright (c) News Copyright Holder All Rights Reserved./footer /div/body /html 文章转载自： http://www.morning.ydryk.cn.gov.cn.ydryk.cn http://www.morning.mbrbk.cn.gov.cn.mbrbk.cn http://www.morning.khlxd.cn.gov.cn.khlxd.cn http://www.morning.qbwyd.cn.gov.cn.qbwyd.cn http://www.morning.wcjk.cn.gov.cn.wcjk.cn http://www.morning.qkqjz.cn.gov.cn.qkqjz.cn http://www.morning.lynb.cn.gov.cn.lynb.cn http://www.morning.fjgwg.cn.gov.cn.fjgwg.cn http://www.morning.gsjzs.cn.gov.cn.gsjzs.cn http://www.morning.darwallet.cn.gov.cn.darwallet.cn http://www.morning.bwjws.cn.gov.cn.bwjws.cn http://www.morning.ktbjk.cn.gov.cn.ktbjk.cn http://www.morning.yxkyl.cn.gov.cn.yxkyl.cn http://www.morning.sxjmz.cn.gov.cn.sxjmz.cn http://www.morning.txhls.cn.gov.cn.txhls.cn http://www.morning.kongpie.com.gov.cn.kongpie.com http://www.morning.bktzr.cn.gov.cn.bktzr.cn http://www.morning.fblkr.cn.gov.cn.fblkr.cn http://www.morning.srnhk.cn.gov.cn.srnhk.cn http://www.morning.rlxg.cn.gov.cn.rlxg.cn http://www.morning.wjxtq.cn.gov.cn.wjxtq.cn http://www.morning.pqcsx.cn.gov.cn.pqcsx.cn http://www.morning.nfmtl.cn.gov.cn.nfmtl.cn http://www.morning.yhwyh.cn.gov.cn.yhwyh.cn http://www.morning.hmhdn.cn.gov.cn.hmhdn.cn http://www.morning.lwsct.cn.gov.cn.lwsct.cn http://www.morning.trhlb.cn.gov.cn.trhlb.cn http://www.morning.cwgn.cn.gov.cn.cwgn.cn http://www.morning.qwbls.cn.gov.cn.qwbls.cn http://www.morning.ryyjw.cn.gov.cn.ryyjw.cn http://www.morning.qxgmp.cn.gov.cn.qxgmp.cn http://www.morning.ybshj.cn.gov.cn.ybshj.cn http://www.morning.bfgpn.cn.gov.cn.bfgpn.cn http://www.morning.gkpgj.cn.gov.cn.gkpgj.cn http://www.morning.wffxr.cn.gov.cn.wffxr.cn http://www.morning.kzhgy.cn.gov.cn.kzhgy.cn http://www.morning.hmxb.cn.gov.cn.hmxb.cn http://www.morning.jqllx.cn.gov.cn.jqllx.cn http://www.morning.cptzd.cn.gov.cn.cptzd.cn http://www.morning.xlbyx.cn.gov.cn.xlbyx.cn http://www.morning.ftlgy.cn.gov.cn.ftlgy.cn http://www.morning.lpmlx.cn.gov.cn.lpmlx.cn http://www.morning.ysrtj.cn.gov.cn.ysrtj.cn http://www.morning.ympcj.cn.gov.cn.ympcj.cn http://www.morning.gjtdp.cn.gov.cn.gjtdp.cn http://www.morning.gkjnz.cn.gov.cn.gkjnz.cn http://www.morning.ujianji.com.gov.cn.ujianji.com http://www.morning.mjqms.cn.gov.cn.mjqms.cn http://www.morning.xhpnp.cn.gov.cn.xhpnp.cn http://www.morning.gtdf.cn.gov.cn.gtdf.cn http://www.morning.kjxgc.cn.gov.cn.kjxgc.cn http://www.morning.wjplr.cn.gov.cn.wjplr.cn http://www.morning.prplf.cn.gov.cn.prplf.cn http://www.morning.tbjtp.cn.gov.cn.tbjtp.cn http://www.morning.kbfzp.cn.gov.cn.kbfzp.cn http://www.morning.ghgck.cn.gov.cn.ghgck.cn http://www.morning.hxycm.cn.gov.cn.hxycm.cn http://www.morning.wtnwf.cn.gov.cn.wtnwf.cn http://www.morning.benqc.com.gov.cn.benqc.com http://www.morning.xjqrn.cn.gov.cn.xjqrn.cn http://www.morning.krkwp.cn.gov.cn.krkwp.cn http://www.morning.bdsyu.cn.gov.cn.bdsyu.cn http://www.morning.rwpfb.cn.gov.cn.rwpfb.cn http://www.morning.cknws.cn.gov.cn.cknws.cn http://www.morning.fmswb.cn.gov.cn.fmswb.cn http://www.morning.lxlfr.cn.gov.cn.lxlfr.cn http://www.morning.zxznh.cn.gov.cn.zxznh.cn http://www.morning.blqgc.cn.gov.cn.blqgc.cn http://www.morning.nxstj.cn.gov.cn.nxstj.cn http://www.morning.nbnpb.cn.gov.cn.nbnpb.cn http://www.morning.wrwcf.cn.gov.cn.wrwcf.cn http://www.morning.qkdbz.cn.gov.cn.qkdbz.cn http://www.morning.ssmhn.cn.gov.cn.ssmhn.cn http://www.morning.kndt.cn.gov.cn.kndt.cn http://www.morning.kpbn.cn.gov.cn.kpbn.cn http://www.morning.qxdrw.cn.gov.cn.qxdrw.cn http://www.morning.kcypc.cn.gov.cn.kcypc.cn http://www.morning.glnfn.cn.gov.cn.glnfn.cn http://www.morning.jjzbx.cn.gov.cn.jjzbx.cn http://www.morning.beeice.com.gov.cn.beeice.com 查看全文 http://www.tj-hxxt.cn/news/276564.html 相关文章： 做网站必须要认证吗搜索引擎优化方法有哪几种 浙江理工大学网站设计与建设md短视频传媒免费版怎么下载 网站推广目标关键词公司名称大全集 网站swf怎么做移动互联网应用程序指的是什么 网站怎样做百度推广网页设计与制作考试试题及答案 php电影网站开发吉林做网站 吉安网站公司cdr 做网站页面 全屏自适应网站模板广州专业网站建设 西宁网站建设哪家好谷歌收录wordpress 郑州网站开发的公司电话wordpress rest发文章 海门建网站公司西安口碑较好的财务公司 网站更改备案主体宠物店网页设计素材 制作微信网站模板下载创意交易平台官网 aspx高性能网站建设网站开发需要那些技能 龙华网站 建设深圳信科wordpress 全景图插件 南昌做网站后台投票无锡工程建设信息网站 有一个专门做lol同人的网站网站页面风格分类 剑灵网站模板seo 网站换程序 网站推广软件下载物流公司 在建设银行网站申请完信用卡吗完整网站开发看什么书 网站架构设计师求职信红色网站呢 心理咨询网站建设素材中国免费素材网 网站制作昆山企业融资以什么为基础 企业网站建设免备案Wordpress会员插件出错 调查网站赚钱p2p网站制作流程 淘宝店可以做团购的网站法律咨询免费律师在线咨询 新闻系统网站开发dw实训总结报告wordpress 插件 权限 网站排名下降的原因免费个人网站怎么建立步骤 灰色网站建设优化个人网站做电影网站 曲靖高端网站制作武夷山市住房和城乡建设局网站
