当前位置： 首页 > news >正文 导入表格数据做地图网站专业的企业网站制作 news 2025/10/21 7:59:41 导入表格数据做地图网站,专业的企业网站制作,中跃建设集团网站,免费企业网站系统源码文章目录 1 CSS选择器(Selectors)8. 后代(包含)选择器9. 直接子代选择器10. 兄弟选择器11. 相邻兄弟选择器12. 属性选择器 2 伪元素3 CSS样式优先级1. 相同选择器不同样式2. 相同选择器相同样式3. 继承现象4. 选择器不同权值的计算 4 CSS中的值和单位1. 颜色表示法2. 尺寸表示法… 文章目录 1 CSS选择器(Selectors)8. 后代(包含)选择器9. 直接子代选择器10. 兄弟选择器11. 相邻兄弟选择器12. 属性选择器 2 伪元素3 CSS样式优先级1. 相同选择器不同样式2. 相同选择器相同样式3. 继承现象4. 选择器不同权值的计算 4 CSS中的值和单位1. 颜色表示法2. 尺寸表示法 5 页面元素的显示模式6 流与文档流7 CSS盒子模型拓展作业 1 CSS选择器(Selectors) 8. 后代(包含)选择器 接续第四天的 DAY04CSS… 选中某个元素内的儿子、孙子、重孙子…元素 祖先选择器 后代选择器 { } 例如 div span { } 选中div下的所有span 易错点:空格别忘记写 使用场景: 内容结构比较简单没有那么多相同标签 9. 直接子代选择器 选中元素下面的直接儿子元素 divspan { } 选中div下的所有儿子span 直接子代选择器也可以多层逐级向下选择需要的元素 10. 兄弟选择器 选中元素后面的所有兄弟元素——不要前面的兄弟也不要子代 p~span { } 选中p后面的所有的span兄弟元素 11. 相邻兄弟选择器 选中元素后面紧挨着的相邻兄弟元素——不要前面的也不要有间隔的最多选中1个 pspan { } 选中p元素后面的紧挨着的那一个span兄弟元素 12. 属性选择器 [html标签的属性名]{ } 选中包含指定属性名的元素 [html标签的属性名值]{ } 选中包含指定属性名与属性值的元素 2 伪元素 伪元素就是我们给指定元素内部的前面/后面添加的内容我们还可以对添加的内容进行样式设置 ::before { } 表示在元素内部的最前面位置插入内容 ::after { } 表示在元素内部的最后面位置插入内容 注意content属性必须写如果暂时没有具体内容可以写成content:; 3 CSS样式优先级 1. 相同选择器不同样式 当多个选择器选中了同一个元素想要渲染不同的样式会叠加效果 p { color: red; } .txt { background-color: yellow; } 2. 相同选择器相同样式 相同选择器选中同一个元素而且要设置相同的属性会采用顺序读取的原则后面覆盖前面的 .txt {background-color: yellow;} .txt {background-color: green;} 3. 继承现象 在CSS中有一些属性是具有继承特性的也就是父元素的CSS属性会传递给子元素 最近的祖先样式比其他祖先样式优先级高就近原则 指定样式的优先级大于继承样式 4. 选择器不同权值的计算 原则 权值大的优先渲染 !important 行内样式 ID选择器类选择器伪类选择器标签名选择器通用选择器继承 权值会累加但是不会越级 比如11个类选择器值不是10*11110而是99.9不会越级到下一级 选择器优先级诀窍:控制范围越大的优先级越低 4 CSS中的值和单位 1. 颜色表示法 注意:rgba(255,0,0,1)表示红色 最后一位的含义 1是完全不透明 0是完全透明 0.5半透明如果是小数可以简写为 .小数部分。如0.5可以简写为 .5。 2. 尺寸表示法 5 页面元素的显示模式 一个HTML元素可以有多种显示模式 块级元素——display:block; 常见标签div h1~h6 p form table ul li… 排列方式按照书写的顺序从上往下依次排列 独占一行(一行指的是占父级元素宽度的100%)还可以自设宽高 行内元素——display:inline; 常见标签span a i b … 排列方式按照书写顺序从左往右依次排列可以和其他内容同行一行放不下才显示在下一行无法设置宽度和高度行内元素的大小是靠内容撑起来的 img元素是特殊的行内元素它自己有宽高还可以修改宽高 行内块元素——display:inline-block; 常见标签input button 既有行内元素的特点也有块级元素的特点 可以与其他元素共处一行(行内) 可以设置宽度与高度(块级) 6 流与文档流 7 CSS盒子模型 一个HTML元素需要占用页面的空间内容、边框、内容与边框之间的距离、不同元素之间的距离都需要占用页面空间所以我们需要了解具体的计算方式。 content: 内容区域 padding内间距—指的是内容与边框之间的距离 border: 边框 margin外间距——指的是元素与元素之间的距离 涉及到四个方向:lef左 right右 top上 bottom下 一个元素在水平方向上占用的总空间中英文都要 一个元素在竖直方向上占用的总空间中英文都要 拓展 面试题如果两张图片中间想要留一点空白可以有哪些实现方案?哪种好为什么 作业 1.自行总结并记忆HTML元素的三种显示模式和他们的特点 2.自行总结归纳 默认盒子模型总大小的计算公式 3.面试题还未讲完先总结好刚刚讲到的3种方案 4.完成汉唐首页导航栏 5.完成华硕无双商品卡片 尽量做到高仿不一样没关系明天会讲先尝试自己解决问题 文章转载自： http://www.morning.wsyst.cn.gov.cn.wsyst.cn http://www.morning.rshkh.cn.gov.cn.rshkh.cn http://www.morning.bpmdr.cn.gov.cn.bpmdr.cn http://www.morning.tbknh.cn.gov.cn.tbknh.cn http://www.morning.plwfx.cn.gov.cn.plwfx.cn http://www.morning.qlhwy.cn.gov.cn.qlhwy.cn http://www.morning.mxmtt.cn.gov.cn.mxmtt.cn http://www.morning.fgwzl.cn.gov.cn.fgwzl.cn http://www.morning.bkcnq.cn.gov.cn.bkcnq.cn http://www.morning.frllr.cn.gov.cn.frllr.cn http://www.morning.wjrtg.cn.gov.cn.wjrtg.cn http://www.morning.junyaod.com.gov.cn.junyaod.com http://www.morning.tfpqd.cn.gov.cn.tfpqd.cn http://www.morning.pgggs.cn.gov.cn.pgggs.cn http://www.morning.pfbx.cn.gov.cn.pfbx.cn http://www.morning.qxlhj.cn.gov.cn.qxlhj.cn http://www.morning.hrhwn.cn.gov.cn.hrhwn.cn http://www.morning.fnczn.cn.gov.cn.fnczn.cn http://www.morning.mkkcr.cn.gov.cn.mkkcr.cn http://www.morning.jzmqk.cn.gov.cn.jzmqk.cn http://www.morning.jcypk.cn.gov.cn.jcypk.cn http://www.morning.hfyll.cn.gov.cn.hfyll.cn http://www.morning.klrpm.cn.gov.cn.klrpm.cn http://www.morning.xbxks.cn.gov.cn.xbxks.cn http://www.morning.yksf.cn.gov.cn.yksf.cn http://www.morning.glbnc.cn.gov.cn.glbnc.cn http://www.morning.cnqwn.cn.gov.cn.cnqwn.cn http://www.morning.lkwyr.cn.gov.cn.lkwyr.cn http://www.morning.qbkw.cn.gov.cn.qbkw.cn http://www.morning.jytrb.cn.gov.cn.jytrb.cn http://www.morning.qnbck.cn.gov.cn.qnbck.cn http://www.morning.ntqgz.cn.gov.cn.ntqgz.cn http://www.morning.fprll.cn.gov.cn.fprll.cn http://www.morning.gwkjg.cn.gov.cn.gwkjg.cn http://www.morning.pfjbn.cn.gov.cn.pfjbn.cn http://www.morning.jlxld.cn.gov.cn.jlxld.cn http://www.morning.zlcsz.cn.gov.cn.zlcsz.cn http://www.morning.bmpjp.cn.gov.cn.bmpjp.cn http://www.morning.hmlpn.cn.gov.cn.hmlpn.cn http://www.morning.sryhp.cn.gov.cn.sryhp.cn http://www.morning.prgdy.cn.gov.cn.prgdy.cn http://www.morning.fsjcn.cn.gov.cn.fsjcn.cn http://www.morning.bchfp.cn.gov.cn.bchfp.cn http://www.morning.qdsmile.cn.gov.cn.qdsmile.cn http://www.morning.hhqjf.cn.gov.cn.hhqjf.cn http://www.morning.ntkpc.cn.gov.cn.ntkpc.cn http://www.morning.fkgct.cn.gov.cn.fkgct.cn http://www.morning.mlckd.cn.gov.cn.mlckd.cn http://www.morning.qbjrf.cn.gov.cn.qbjrf.cn http://www.morning.nmnhs.cn.gov.cn.nmnhs.cn http://www.morning.xkpjl.cn.gov.cn.xkpjl.cn http://www.morning.dbphz.cn.gov.cn.dbphz.cn http://www.morning.xhlpn.cn.gov.cn.xhlpn.cn http://www.morning.ylljn.cn.gov.cn.ylljn.cn http://www.morning.yyzgl.cn.gov.cn.yyzgl.cn http://www.morning.sgbk.cn.gov.cn.sgbk.cn http://www.morning.hhrpy.cn.gov.cn.hhrpy.cn http://www.morning.ktqtf.cn.gov.cn.ktqtf.cn http://www.morning.jkpnm.cn.gov.cn.jkpnm.cn http://www.morning.rnpnn.cn.gov.cn.rnpnn.cn http://www.morning.dfqmy.cn.gov.cn.dfqmy.cn http://www.morning.dljujia.com.gov.cn.dljujia.com http://www.morning.jypqx.cn.gov.cn.jypqx.cn http://www.morning.cfjyr.cn.gov.cn.cfjyr.cn http://www.morning.gjwkl.cn.gov.cn.gjwkl.cn http://www.morning.rdmz.cn.gov.cn.rdmz.cn http://www.morning.zcnfm.cn.gov.cn.zcnfm.cn http://www.morning.rbkgp.cn.gov.cn.rbkgp.cn http://www.morning.wfbs.cn.gov.cn.wfbs.cn http://www.morning.dpdr.cn.gov.cn.dpdr.cn http://www.morning.qngcq.cn.gov.cn.qngcq.cn http://www.morning.rqhdt.cn.gov.cn.rqhdt.cn http://www.morning.zfrs.cn.gov.cn.zfrs.cn http://www.morning.tkcct.cn.gov.cn.tkcct.cn http://www.morning.nqpxs.cn.gov.cn.nqpxs.cn http://www.morning.ltkms.cn.gov.cn.ltkms.cn http://www.morning.dzyxr.cn.gov.cn.dzyxr.cn http://www.morning.kfclh.cn.gov.cn.kfclh.cn http://www.morning.smj79.cn.gov.cn.smj79.cn http://www.morning.ljcjc.cn.gov.cn.ljcjc.cn 查看全文 http://www.tj-hxxt.cn/news/236303.html 相关文章： 杨浦建设机械网站wordpress wpdx教程 做版面的网站菜鸟如何做网站 品牌宣传网站有哪些绍兴住房和城乡建设厅网站首页 网站建设用net后缀如何河北综合网站建设系列 网站推广外包公司wordpress 生成主题包 找做仿网站推广产品的方式有哪些 网站网站做任务佣金违法企业后缀邮箱申请 哪个域名注册网站好wordpress 404页面模板 中企动力 网站推广滁州网站设计 织梦搭建网站教程wordpress后台403 网站开发工具 售价html代码快捷键 手机版微网站家政服务公司网站建设方案策划书 哪个网站可以做会计分录怎么做水果网站 什么是网站前台静态化太原做网站设计 厦门网站模板廊坊模板建站代理 外国网站签到做任务每月挣钱电商网站设计是干什么的 丹东市网站开发公司wordpress媒体库查看404 上海网站定制设计图简述网站建设的过程 在网上招标做兼职的网站灌南网页定制 搭建网站教学汽配网站源码 如何做网站店铺箱包 东莞网站建设 网站推广费用怎么做分录公司域名查询官方网站 专业做数据的网站有哪些方面网站建设域名多少钱 做效果图的素材网站温州网络公司前十名 汕头模板自助建站yandere搜索引擎入口 网络设计网站建设类网站模板软件技术是干嘛的 深圳建网站哪家公司好中国建设银行对公网站 网站退出率是什么意思好学校平台网站模板下载 昆明猫咪科技网站建设公司网站rar文件 自己做网站创业网站自己做的记者证
