css的那些事儿--css选择器的值得注意之处

CSS 弹性盒布局:flex-wrap 换行与多行交叉轴对齐 默认情况下,弹性容器(flex container)会把所有子项(flex item)挤在一行里,哪怕空间不够也只会压缩子项,而不会换行。浏览器会依次把子项放进当前行,当剩余空间不足以容纳下一个子项的基础尺寸时,就开启新的一行。一旦允许换行,容器里就会出现多条「弹性行(flex line)」,此时交叉轴对齐的行为也会从「单行对齐」变成「多行对齐」,是默认值:当子项没有设置固定高度时,行会被拉伸,子项随之变高,看起来像是「撑满了容器」。上面这段代码中,每个子项固定 200px 宽,容器宽度决定每行能放几个。 阅读详情

直接上图:只要了解这个就行了:


还有就是:

1.内敛样式的权重为1,0,0,0,这也就是传说中的就近原则吧!

2.还有就是利用“!important”,拥有最高的权重,注意!important要卸载某条样式声明之前(分号的前面);

3.伪元素的特殊性为 0,0,1,0

继承

并不是所有的样式都可以继承,继承的都是那些没有特殊性的样式;

层叠

就是按照样式表的来源和特殊性以及出现的位置等俩决定具体用那个样式

四种CSS常用的选择器使用方法和注意事项 本文为大家分享了CSS中常用的四种选择器,供大家参考,具体内容如下 1、类选择器(class选择器) 基本使用:       .类选择器{             属性名: 属性值;             …       } 案例: CSS Code复制内容到剪贴板 /*类选择器*/      .s1{          background-color: pink;          font-weight: bold;          font-size: 16px;          color: black;      }   立即下载

相关推荐

ifix5.8连接ab plc的点-通过rslinx

以ifix连接ab plc的点为例 1.先在rslinx上把plc的点导出为opc server 2.使用opc power tool 作为opc client 去连接 3.保存到项目的PDB文件夹下面,并且以节点名命名。 也可以不以节点名命名,系统自动会生成一个以节点名命名的这种文件,就显得很乱。 同时,项目的PDB目录下面必须还得拷过来一个de...

中国智造2025 4114

CSS选择器-使用方法及规范

前端基础.CSS基础选择器 CSS选择器(重点) 学习目标: 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 1. CSS选择器作用(重点) 如上图所以,要把里面的小黄人分为2组,最快的方法怎办? 很多, 比如 一只眼睛的一组,剩下的一组 选择器的作用 ​ 找到特定的HTML页面元素 启超老师一句话说出他们: ※※※※ **CS...

解启超 1018

UG NX 12.0零基础实战:从草图绘制到三维建模全流程解析

本文详细解析UG NX 12.0从草图绘制到三维建模的全流程,适合零基础用户快速掌握这款工业设计软件。内容涵盖界面设置、基础操作、草图技巧、拉伸旋转建模、布尔运算等核心功能,并通过机械零件实战案例演示完整设计流程,帮助读者系统学习UG NX 12.0的工业设计应用。

weixin_29261711的博客 1176

css 选择器使用之注意事项

!!!!一切代码要以效率为主。效率既是金钱。  CSS选择符是从右到左进行匹配的。从右到左!所以,#nav li 我们以为这是一条很简单的规则,秒秒钟就能匹配到想要的元素,但是,但是,但是,是从右往左匹配啊,所以,会去找所有的li,然后再去确定它的父元素是不是#nav。,因此,写css的时候需要注意: dom深度尽量浅。减少inline javascript、css的数量。使用现代

奋斗的小骚年 1013

USB 基础学习:USB 电气信号介绍

USB电气信号技术解析 USB通信的核心是差分信号传输技术,通过D+和D-两根线传输相位相反的电压信号实现数据通信。USB信号系统包含三类关键信号:差分数据信号(抗干扰性强)、单端状态信号(用于设备识别)和电源信号(提供5V供电)。USB2.0采用400mV电压摆幅和NRZI编码,支持低速(1.5Mbps)至高速(480Mbps)传输;USB3.0则新增专用差分对,数据速率可达20Gbps。物理层通过上拉/下拉电阻检测设备连接,高速模式需特殊握手协议。抗干扰设计的关键在于保持差分线等长、阻抗匹配和使用共模扼

浩瀚之水的专栏 1783

第 13 章:Spring AI Alibaba MCP 与 Nacos3 — 企业级MCP服务

理解Spring AI Alibaba 框架下的MCP服务与Nacos注册中心整合的必要性,学会Spring AI Alibaba-基于Nacos的MCP实现方法

paopao_wu的专栏 788

从头开始复习css之选择器篇(上)

最近感觉自己的事儿非常的多,包括自己在开始创业啥的 有点耽误自己的学习了。但是看着如今经济的大环境下面,实在是没有更多可以懈怠的时间。但是最近情绪特别浮躁,只好借着四月的风,重新体验感受一波年轻了。 一、 基础选择器 关于基础选择器这一块呢?我还是就简单的提一下吧。重点的讲一下后面的子选择器和兄弟选择器,前面的感觉没必要多提,其他的直接上代码了 1.1、 id选择器 在css中用#开头来申...

weixin_34336526的博客 123

内存越界一定会导致程序崩溃吗?详解内存越界

本文详细解释了内存越界不一定导致内存越界的问题,全面介绍了C++内存越界的相关内容。

dvlinker的技术专栏 2万+

css 透明背景_CSS中的颜色其实很简单,不信你看

如果你已经看到了这儿,说明你已经掌握了 CSS 的选择器。学习选择器确实是一个很枯燥乏味的事情,又要记住数量庞大的选择器,还有它们的用法以及使用的时候需要注意的地方。接下来,咱们来讲一讲一个比较有趣的内容 - 颜色。CSS 里面有关颜色属性只有两个,一个是用来设置字体颜色的 color 属性,咱们一般把它称为前景色;一个是用来设置背景颜色的 background-color 属性,咱们一般把它称为...

weixin_39627751的博客 363

某AI推荐系统项目管理复盘:架构师总结的6大方法论与调优策略

我是张三,某大厂资深AI架构师,主导过5个千万级用户的推荐系统项目(覆盖电商、内容、视频、音乐、外卖等场景)。我的公众号“AI架构师笔记”会分享更多AI项目管理和技术实战经验,欢迎关注。最后的话:推荐系统不是“一锤子买卖”,而是“持续优化的过程”。希望这篇文章能帮你少踩坑,多做对——毕竟,把复杂的事做成,才是架构师的核心能力。

2501_92132293的博客 362

【WRFDA第三期】OBSPROC namelist 变量总结

OBSPROC namelist 变量总结

WW、forever的博客 1120

css 背景透明_CSS中的颜色其实很简单,不信你看

如果你已经看到了这儿,说明你已经掌握了 CSS 的选择器。学习选择器确实是一个很枯燥乏味的事情,又要记住数量庞大的选择器,还有它们的用法以及使用的时候需要注意的地方。接下来,咱们来讲一讲一个比较有趣的内容 - 颜色。CSS 里面有关颜色属性只有两个,一个是用来设置字体颜色的 color 属性,咱们一般把它称为前景色;一个是用来设置背景颜色的 background-color 属性,咱们一般把它称为...

weixin_42302763的博客 239

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

CSS中的颜色其实很简单,不信你看

如果你已经看到了这儿,说明你已经掌握了 CSS 的选择器。学习选择器确实是一个很枯燥乏味的事情,又要记住数量庞大的选择器,还有它们的用法以及使用的时候需要注意的地方。 接下来,咱们来讲一讲一个比较有趣的内容 - 颜色。CSS 里面有关颜色属性只有两个,一个是用来设置字体颜色的 color 属性,咱们一般把它称为前景色;一个是用来设置背景颜色的 background-color 属性,咱们一般把它称为背景色。

大叔的私享课 447

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

豆包2.0深度解析:中文多模态AI如何实现生活化协作者跃迁

大模型已从‘能回答问题’进入‘懂生活语境’的新阶段。多模态AI不再仅指图像识别能力,而是文本、语音、PDF、实时数据等多源信息在统一语义空间中的联合理解与协同响应;其技术价值在于降低人机协作的认知负荷——通过任务导向的模型分治(Pro/Lite/Mini/Code)、跨模态向量对齐、状态机驱动的Agent架构,真正实现‘说人话、办人事’。典型应用场景覆盖自媒体内容生成、扫描文档精准解析、本地化实时服务查询及轻量级代码自动化,尤其在中文口语理解、OCR鲁棒性、边缘离线推理和城市API融合方面形成差异化优势。

aigui1439的博客 456

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

css的那些事儿--background的多张背景的实现

一般来说在一个元素中可以使用一个背景图就可以了,但如果自己想要用多个图片呢,又要怎么办呢? 答案就在这里,还是利用background-image属性:只不过值变成了你想要添加的背景图路径 url(img1),url(img2),url(img3)...,这里将出现的效果,展现的是最上面的那个背景图(img1在最上面,以此类推),给每一个背景图添加属性background-repeat:no-r

codesWay的博客 1433

在《css禅意花园》中所学到的

浮动和定位的区别: 对元素使用浮动,那么这个元素依然存在于文档流中,周围的元素也会感受到他的存在; 定位的话,能够实现精准定位于某一个位置上,定位的元素将不占据空间,就像消失了一样 被定位过的容器(无论是绝对还是相对)的左上角将作为该容器中定位元素的起始点 小Tips: 对于浮动元素,而且还会有水平margin的情况下,在IE浏览器中会出现外边距加倍的情况 解决办法:给那个

codesWay的博客 1335

css的那些事儿--对一些样式额外的理解

text-indent: 常用于文本的首行缩进,单位可以是已知的任何值,可以继承; text-align: 的值可以是center/left/right/justify/inherit前三个的作用不必多说,第四个justify是将块级元素中的文本内容给两端对齐,inherit是继承父级元素的样式; line-height: line-height的值控制了行间距,是文本行超出字体大小的额

codesWay的博客 769

css中的一些小贴士

在html和Xhtml中有这样的一条规则:对于html或者xhtml而言,行内元素可以嵌套在块级元素中,对于css而言,却没有限制因为有display,反之不行(块级元素不能嵌套在行内元素中),即便是有了css也不行 link和@import的区别: link中的一些属性的解释,rel表示关系(可能是relationship的缩写吧),type表示数据的类型,href指向css文件路径,但是r

codesWay的博客 522

css选择器

除了常用的通用选择器(*),ID选择器,class选择器,标签选择器之外,以下主要总结一下自己不常用但是却很重要的一些选择器: 伪类选择器: :visited  当链接被访问过后的时设置的样式(多用于链接); :hover 当鼠标悬浮在元素上的时候定义的样式(一般任何元素均可); :link  链接处于平常状态的样式(多用于链接); :active 当链接访问的那一瞬间定义的样式;

codesWay的博客 418

前端的一些规范

所谓无规矩不成方圆,在写代码的时候遵守一些好的代码规范,能够让我们更加快速地开发,更重要的是一旦养成了习惯,这些会让你受益无穷,所以就从现在做起,养成良好的代码编写习惯,每一天进步一点点! 腾讯AlloyTeam的前端规范

codesWay的博客 369

css布局的一些小总结

一般而言,不要给外层div容器设置高度,为了防止在不同的分辨率下显示的不一样,应该让其自然填充即可,尤其是对于上下两栏布局而言

codesWay的博客 334

CSS 盒子模型与背景渐变、文字渐变实战

content(内容区):文字、图片等实际内容占据的区域padding(内边距):内容与边框之间的空白border(边框):盒子的边界margin(外边距):盒子与其他盒子之间的间距fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333;height:1em;margin 外边距border 边框padding 内边距content 内容区。

2601_96876853的博客 241

CSS 弹性盒布局:子项目 flex 伸缩与 gap 间隙详解

flex-grow决定剩余空间如何分配,决定空间不足时如何压缩,flex-basis决定伸缩基准;日常优先使用flex简写,理解flex: 1与flex: auto的差异;项目间距优先使用gap,避免margin带来的首尾处理问题;注意与这两个高频细节。

2601_96876853的博客 340

CSS 定位布局:相对定位与绝对定位详解

父元素 relative + 子元素 absolute」是 CSS 中最常用的定位组合,几乎所有的角标、下拉菜单、tooltip 都基于它实现。它决定了元素在页面中的定位方式,也是实现悬浮按钮、下拉菜单、遮罩层、角标等常见 UI 效果的核心手段。的偏移只是视觉位移,不会改变元素在文档流中的占位,因此不会引起其他元素重排。在视觉上向右移动 30px、向下移动 20px,但它原本占据的空间依然保留,后面的元素不会补上来。再大也无法跳出父元素的层级。,不再占据原来的空间,其他元素会像它不存在一样重新排列。

2601_96876853的博客 263
上一篇: vuejs之路之--条件渲染
下一篇: Vuejs之路之--循环渲染
初心鸿鹄
博客等级 码龄10年 14粉丝 93原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值