最新要闻
- 环球观天下!NVIDIA为游戏玩家做了哪些贡献?DLSS、光追等4项技术还真少不了
- 世界观点:残忍没法看!大白鲨罕见"斩首"潜水员 2023年第一例鲨鱼吃人
- 27岁身高186cm的研究生 想捐精被拒:因为要不了那么多
- 【环球热闻】真服了 到底是谁还在支付宝里种树啊?
- 环球观天下!比亚迪立功 磷酸铁锂电芯份额暴增至67.5% 三元锂被甩远
- 世界热推荐:曲艺杂谈歌曲_曲艺杂谈
- 当前快讯:教育部寒假促就业“暖心行动”超9100家用人单位参加 提供岗位信息超49.1万条
- 全球今亮点!射击游戏大作《原子之心》8分好评 继承《生化奇兵》的遗志
- 环球即时:弯道超车 中国动力电池企业 “狂飙”入欧
- 全球快消息!i9-13900H+RTX 4060满血加持!华硕天选4酷睿版图赏
- AMD不赞同NVIDIA:游戏卡加太多AI徒增成本 玩家买单
- 当前看点!女子因宠物猫去世欲轻生 网友吵翻:猫是“家人”为何不可?
- 4799元 小米Redmi Book Pro15增强版上架:8核升级12核
- 6.1英寸小屏手感绝佳!三星Galaxy S23图赏
- 环球快报:肯德基麦当劳的汉堡越卖越小引热议:20年基本没涨价真良心?
- 焦点滚动:02月20日20时山东滨州昨日累计报告阳性感染者确诊250例 怎么判断自己是否属于轻型感染者
广告
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
【世界聚看点】CSS概念与CSS选择器
(相关资料图)
CSS简述CSS被称为级联样式表或者CSS样式表。CSS也是一种标记语言。CSS主要用于设置HTML页面中的:1.文本内容(字体,大小,对齐方式等),2.图片的外形(宽高,边框样式,边距等),3.版面的布局和外观显示样式。它的使用分两步1.定义: .red {color: red}2.调用:CSS语法规范CSS既然是一种编程语言,则就有它自己的编程规范。CSS规则由两个主要的部分构成:选择器+一条或多条声明。选择器用于指定CSS样式的HTML标题,花括号内是对该对象设置的具体样式。选择器 {样式}属性和属性值以“键值对”的形式出现,并使用分号";"结束。CSS选择器的作用选择器就是根据不同需求把不同的标签选出来,这就是选择器的作用。简单来说,就是选择标签用的。上面截图的CSS做2件事:1.找到所有的h1标签2.设置这些标签的样式,比如把颜色设置成红色选择器的分类选择器分为基础选择器和复合选择器两大类。基础选择器是由单个选择器组成的。基础选择器包括:标签选择器,类选择器,id选择器,通配符选择器。基础选择器标签选择器标签选择器是指使用html标签作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。作用是标签选择器可以把某一类标签全部选择出来,比如所有的p标签和所有的div标签。优点:能快速为页面中同一类标签统一设置样式。缺点:不能差异化样式,只能选择全部的标签类型。类选择器类选择器(开发最常用)是指差异化选择不同的标签,单独选一个或某几个标签,有某种意义的一组标签。选择器在html中以class属性表示,在CSS中,类选择器一个点“.”号显示。类选择器-多类名我们可以给一个标签指定多个类名,从而达到更多的选择目的。这些类名都可以选择出这些标签。标签属性中写多个类名,多个类名用空格分开。给一个标签写多个类名,那么这标签就分别有多个类名的样式,从而节约CSS代码,方便统一修改。id选择器id选择器可以为特定id的html元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS中id选择器以“#”来定义。/* id选择器的口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用 */ #pink { color: pink; }红色迈克尔*杰克逊id选择器与类选择器的区别拿身份证来举例子类选择器好比人的名字,一个标签可以有多个名字,一个名字又能被多个标签使用。id选择器好比人的身份证号,全国唯一,不得重复。id选择器与类选择器最大的区别是使用次数上,id选择器只能被使用一次,类选择器可以被使用多次。类选择器在修改样式时用的最多。id选择器一般用于页面唯一元素,经常和JS搭配使用。通配符选择器*表示页面里所有的标签, 只需要定义,不用调用就会自动添加到页面中的所有标签上标签包括:html, body, ul, li等。* { font-weight: 800; }复合选择器CSS中,可以把选择器分为两类:基础选择器和复合选择器。复合选择器是建立在基础选择器之上的,是多个基础选择器的组合。通过复合选择器可以更准确的选择目标元素。常有的复合选择器:后代选择器,子选择器,并集选择器,伪类选择器等。后代选择器后代选择器的定义: 元素1 元素2 { 样式声明 }元素1和元素2中间用空格隔开元素1,元素2可以是任意基础选择器,如:标签选择器,id选择器,class选择器等。元素1是父级,元素2是子级,最终选择的是子级元素2可以表示是儿子,孙子..., 如:ul a {} 会把ul标签下的 子元素a/ 孙子元素a都选中。建议将完整的父子关系元素写全,不用省略中间元素,便于阅读。子选择器只选择父元素最近一级的子元素,不包含孙子,重孙子元素。语法表示为:元素1>元素2 { 样式声明 }如下:只会选择“子元素链接”
- 孩子标签
并集选择器并集选择器可以同时选中多组标签,同时为它们定义相同的样式。用于集体声明。并集选择器是各选择器通过英文逗号(,)连接,任意形式的选择器都可以作为并集选择器的一部分,包含(基础选择器,复合选择器),并集选择器约定竖着写语法:元素1, 元素2 { 样式声明 }元素1和元素2中间用英文逗号隔开逗号可以理解成和的意思并集选择器用于集体声明。熊大熊二
光头强伪类选择器伪类选择器用于向某些选择器添加特殊的状态,通俗讲:为某一状态的元素添加样式。如鼠标悬停时的a元素,或第1个,第n个元素。伪类选择器最大的特点是用冒号(:)表示,比如::hover, :first-child。伪类选择器比类选择器厉害,厉害在伪类有两个点,类只有一个点。
- 佩奇
- 乔治
链接伪类选择器工作中常见用法/* a伪类选择器工作中常见用法 */ a { color: gray; } a:hover { color: red; }a伪类选择器使用注意1.为了确保生效,按照lvha的顺序声明,:link, :visited, :hover, :active。记忆方法:LV包包就是hao2.因为a链接浏览器中有默认样式,所以实际工作中单独给a指定样式,如:body{color:red}这样无法改变a样式。input伪类选择器input:focus用于选中form表单中光标选中的输入框,可以突出用户操作的输入框CSS引入方式内部样式表将页面标签中的样式全部抽出来,放在一个style标签中,可以方便的控制整个页面中的元素样式设置。但是布局和样式并没有完全分离。行内样式表用于少量修改的场景使用。Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。外部样式表把css样式定义在一个单独的文件中,在html的head标签中使用link引入,使用的频率最多给我一个粉红色的回忆。关键词:
【世界聚看点】CSS概念与CSS选择器
环球观天下!NVIDIA为游戏玩家做了哪些贡献?DLSS、光追等4项技术还真少不了
世界观点:残忍没法看!大白鲨罕见"斩首"潜水员 2023年第一例鲨鱼吃人
27岁身高186cm的研究生 想捐精被拒:因为要不了那么多
【环球热闻】真服了 到底是谁还在支付宝里种树啊?
环球观天下!比亚迪立功 磷酸铁锂电芯份额暴增至67.5% 三元锂被甩远
世界热推荐:曲艺杂谈歌曲_曲艺杂谈
天天速递!vue-cli创建前端项目以及前后端交互
世界微动态丨记录一次HAWQ手工启动
当前快讯:教育部寒假促就业“暖心行动”超9100家用人单位参加 提供岗位信息超49.1万条
全球今亮点!射击游戏大作《原子之心》8分好评 继承《生化奇兵》的遗志
【世界播资讯】三步实现在ASP.NET Core Web API集成ChatGPT
环球即时:弯道超车 中国动力电池企业 “狂飙”入欧
全球快消息!i9-13900H+RTX 4060满血加持!华硕天选4酷睿版图赏
AMD不赞同NVIDIA:游戏卡加太多AI徒增成本 玩家买单
环球关注:AtCoder Beginner Contest 289
当前看点!女子因宠物猫去世欲轻生 网友吵翻:猫是“家人”为何不可?
4799元 小米Redmi Book Pro15增强版上架:8核升级12核
6.1英寸小屏手感绝佳!三星Galaxy S23图赏
环球快报:肯德基麦当劳的汉堡越卖越小引热议:20年基本没涨价真良心?
焦点滚动:02月20日20时山东滨州昨日累计报告阳性感染者确诊250例 怎么判断自己是否属于轻型感染者
火山引擎 DataTester:在广告投放场景下的 A/B 实验实践
第120篇: DOM编程(常用操作、动态脚本、样式及动态表格)
世界讯息:可孚医用N95口罩30只装 灭菌独立包装19.9元大促
男子因缺钙CT图像中没有肋骨:“像一个透明人”
全球新消息丨189元 OPPO Enco Air3无线耳机上架:HiFi 5 DSP、支持蓝牙5.3
腾讯XR业务转向:或将合作引进Quest 2头显
闲鱼上买显示器靠谱吗?注意这几点就可以
世界要闻:物联网平台选型葵花宝典:盘点开源、SaaS及通用型平台的优劣对比
【Unity AR】
AR精灵制作学习记录 【天天快播报】项目开发软件架构选择指南
飞利浦推出两款44.5英寸带鱼屏:1500R大曲率、75Hz刷新率
行驶中小车后备箱塞人露双脚!司机称其喝醉了:遭网友谴责
世界播报:低头族注意了!9岁女孩长期低头颈椎老如50岁
领1030元大额券:骆驼户外徒步鞋179元起大促
世界观点:亚马逊要求员工一周到岗工作3天:公司一度像个鬼城
K8S-deployment.yaml文件详解
开心档-Git 基本操作
资讯推荐:制造业做信息化(IT管理、程序员)有前途吗?---浅谈信息系统规划
全球观点:记录--什么时候会阻塞HTML文档渲染过程?
【Oculus Interaction SDK】(十一)关于手势识别中手势设置的详细信息
天天热资讯!埃塞俄比亚政府和“提人阵”武装达成停火协议
天天新消息丨义乌自己的全球支付工具!义支付发布:打通16个币种
这待遇简直了!美团外卖进军香港 正疯狂招骑手:月入3万+
消息!手机套餐费太贵 韩国三大运营商被批:是否串通涨价
与剧版强烈反差!《三体》动画豆瓣跌至3.9分:官方已停播
特斯拉最入门车型国内现身?别被骗了:“披着狼皮的羊”而已
关注:Camunda(一)---安装和简单示例
女子在桃李面包中吃出带锈刀片 官方:不存在使用该刀片的生产环节
环球快看:手机寒气仍存 5G巨头中兴被曝优化人员 回应称正常调整
世界观焦点:蔚来ET9要来了?号称“蔚来版迈巴赫” 屏幕开始横过来
掌权八年后上汽大众换帅:贾健旭接棒
大嘴猴50S精梳棉男士四角裤狂促:券后每条不到10元!
WPF学习_day1
K8S-Service的yaml文件详解
全球时讯:【机器视觉】-什么是机器视觉?
当前报道:游戏王dm新马甲_[游戏王DM]羁绊
全球热点!张艺谋监制!北京冬奥拍成电影了:《北京2022》预告片发布
世界视讯!提前!韩国欲2028年推6G网 速度有多快?5G是高铁 6G就是飞机
全球首发5.5G 高通骁龙X75基带不再公布速率:峰值没啥意义
极氪汽车被指销售欺诈!车主集体投诉:退一赔一
世界新动态:ChatGPT火了 中国电信股价大涨50%:底层技术早有布局
世界观热点:璞华易构低代码平台,真正领跑未来的敏捷软件开发方案!
CXPACKET等待类型分析
华晨宝马第500万辆下线!东北老工业基地全力发展新能源车 沈阳比肩深圳
天天新消息丨印度3年内将成为主要电信出口国 5G堆栈“已准备就绪
光环退却 曝神车雷克萨斯ES 300H大优惠:广州35万可落地
世界新资讯:神似小红书 微信为什么要做“小绿书”?
李安:下部电影《李小龙》不会用120帧 挑战观众习惯
当前信息:【踩坑记录】SpringBoot跨域配置不生效
迈柯唯Maquet协议对接(呼吸机、麻醉机)FLOWi SERVOi
【当前独家】远程服务调用(RPC与Rest本质区别)
王予嘉图片_王予嘉
焦点快报!《消费者报告》:宝马制造的汽车最高 路虎果然名不虚传
讯息:全国110个城市建成千兆城市!运营商喊话继续加速千兆宽带:每月198 还能便宜
要闻速递:K8S-Pod的yaml文件详解
全球热推荐:ChatGPT:HuggingFace使用GPT-2模型并额外语料训练
每日观点:第一周学习--linux
环球速讯:消灭挖孔!努比亚首款屏下摄像头新机Z50 Ultra入网
每日资讯:针对富士X卡口设计:腾龙宣布开发新超广角变焦镜头
通讯!小米汽车全新谍照曝光:定位三厢、车头极长
Redis缓存穿透 && 缓存击穿 && 缓存雪崩
环球热头条丨机器学习-集成学习XGBoost
速读:科创信息:公司目前涉及少量军工业务
世界快报:二月二龙抬头来了!明晚10点龙形天象将出现在夜空 天文专家科普
1899元!小米发布智能门锁M20大屏猫眼版:续航1整年
天天热点!直到丈夫临死 我才发现30多年前闻到的“怪味”竟是大病预兆!
全球通讯!开车方便了!内地与中国澳门签署驾驶证互认换领协议:免试
世界动态:爱奇艺客服回应不再限制投屏:到期后再续订还是只有480P
微博会员可以看访客记录吗?唯美微博语录11句有哪些?
恐龙家族有哪些种类?恐龙家族有哪些成员?
网络用语龟龟是什么意思?龟龟是谁家的粉丝?
綦江怎么读?綦江旅游攻略必去景点有哪些?
诺基亚7210c上市价格是多少?诺基亚7210c手机参数
昂达平板电脑怎么样?昂达平板电脑忘记密码怎么办?
光波炉是干什么用的?光波炉的用法和功能有哪些?
猫特别爱叫是什么性格?猫特别爱叫怎么纠正?
环球热文:(数据库系统概论|王珊)第五章数据库完整性:习题
天天观焦点:数据结构刷题2023.02.20小记
Windows环境下FTP Server在局域网内的搭建