本篇文章已授权微信公众号 guolin_blog （郭霖）独家发布 前言 在实际开发中，图片选择器一直都是必不可少的一个部分，不管是 QQ 头像的设置，还是发送一条装逼的微信朋友圈，都要用到图片选择器来给用户选择他们想要上传的图片...在开始正文之前，先欣赏一下这个图片选择器的效果 ? Matisse 是不是感觉相当的简洁好看，反正我是这么认为的。...3、接收选择的结果 在启动图片选择器的 Activity 或 Fragment 中的 onActivityResult() 进行结果的回调处理 List mSelected; @Override...三、主题 ---- 内置的主题 在 Matisse 中有两种内置的主题： Zhihu（亮蓝色主题） Dracula（黑色主题） 当启动 Matisse 的时候，调用 theme(@styleRes int...，你可以自定义 Matisse 的外观 这些属性（在 attrs.xml 中定义）可以修改： 属性 作用 colorPrimary 应用栏的颜色 colorPrimaryDark 状态栏的较暗变体 toolbar
的target属性设定为"_blank"可以在新窗口中打开超链接，默认在当前页面打开超链接 百度 的字体颜色、背景颜色、边框等。...（3）外部引用 将css内容写入css后缀的样式文件，然后在页面中引用，在head中加入。..." value="aaaa" /> （4）标签+class选择器 class选择器可以针对不同的标签，实现同样的样式名对于不同的标签有不同的样式，只要在样式名前加标签名即可。...（6）组合选择器 同时为多个标签设定一个样式 h1,h2,h3,input{background-color:green;} （7）伪选择器 为标签的不同状态下设定不同的样式 A:visited
href="#">下一页 3、标签 所有的标签都依赖于 .label 不同颜色的标签...、水井 .well 8、进度条 外层：.progress 内层： .progress-ba 配合不同颜色的...3、组件 - 警告框 所有的警告框都依赖于 .alert 不同颜色的警告框，增加以下类即可： .alert-success .alert-info...2、触发器元素增加一个属性 data-dismiss="alert" 4、组件 - 缩略图(thumbnail) 1、注意 1、要配合着栅格布局系统一起使用...注意： 9、JS 插件 - Plugins 插件 - 提供了一组操作的行为 每种行为基本上都有两种的调用方式： 1、data-* ex:
在适配深色模式的过程中，作为开发者，我们其实只要解决俩个问题： 1、如何判断当前的系统的颜色模式？ 2、我们应该对哪些UI的内容适配深色模式？ 如何去判断当前系统的颜色模式？...这些类都拥有一个叫做 traitCollection 的属性，traitCollection里面有一个userInterfaceStyle属性，而颜色模式就是存在 userInterfaceStyle...颜色 在iOS13以后，UIKit给我们提供了很多的动态颜色，以system开头的都是动态颜色，当我们给 UI 控件设置了动态颜色以后。 UI 控件就会自动的根据当前是否是黑暗模式展现出来对应的颜色。...因此在实际开发中，我们可以创建我们自定义的动态颜色。...，那也可以利用xcassets 中图片新增的 Apperance 属性，分别设置两种模式下所使用到的图片: 模糊效果 模糊效果也就是我们常说的毛玻璃效果。
(1)使用继承机制，分别设计实现抽象类 图形类，子类类圆形类、正方形类、长方形类，要求： ①抽象类图形类中有属性包括画笔颜色(String类型)、图形是否填充(boolean类型：true表示填充，false...表示不填充)， 有方法获取图形面积、获取图形周长等； ②使用构造方法为其属性赋初值； ③在每个子类中都重写toString()方法，返回所有属性的信息； ④根据文字描述合理设计子类的其他属性和方法...，并将每个对象的所有属性信息打印到控制台。...double area() { return side*side; } public String toString() { return "正方形的颜色为...return length*width; } @Override public String toString() { return "长方形的颜色为
「②字体的美化」 字体是可以在HTML中设置属性的，比如颜色（color），比如大小（size）… 而CSS等于是将这些属性抽取出去了，专门放在标签中了。 这样有什么好处？...内部引入和外部引入，就看那个离HTML文件主体近（就近原则） 三、基本选择器 选择器的作用在于：可以帮我们从页面上获得对应的标签。 其中有最基本的三种选择器： ?...在HTML中有一个div标签，这个标签和CSS结合起来很有用。 比如上述例子中，同样是h1标签，但是只渲染div标签中的h1标签。 ?...「③属性选择器」 格式为：标签名[属性名="对应的值"]{} font标签中有很多属性，CSS可以指定其中对应的属性。...active：行为的意思，也就是鼠标点击时的颜色为红色。 visited：访问过的意思，也就是鼠标点击后的颜色为蓝色。 所以为什么叫伪类？
css注释 /*这是注释，随便写，不影响css代码*/ 二、CSS的引用方式 行内引用 行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。...title*="hello"] { color: red; } /*找到所有title属性(有多个值或值以空格分割)中有一个值为hello的元素：*/ [title~="hello"] { color...p { color: green; } 此外，继承是CSS重要的一部分，我们甚至不用去考虑它为什么能够这样，但CSS继承也是有限制的。...选择器优先级 我们上面学了很多的选择器，也就是说在一个HTML页面中有很多种方式找到一个元素并且为其设置样式，那浏览器根据什么来决定应该应用哪个样式呢？ ...其实是按照不同选择器的权重来决定的，具体的选择器权重计算方式如下图： ? 除此之外还可以通过添加 !import方式来强制让样式生效，但并不推荐使用。因为如果过多的使用!
颜色适配 iOS 13 之前 UIColor 只能表示一种颜色，从 iOS 13 开始 UIColor 是一个动态的颜色，它可以在 LightMode 和 DarkMode 拥有不同的颜色。...如何自己创建一个动态的 UIColor 上面我们说到系统提供了一些动态的颜色供我们使用，但是在正常开发中，系统提供的颜色肯定是不够用的，所以我们要自己创建动态颜色。...在 iOS 13 下变成了一个动态颜色，但是 CGColor 仍然只能表示单一的颜色，所以当我们使用到 CGColor 的时候，我们就可以用上面的方法做适配。...当我们在一个普通的 controlle, view 上重写这个属性，只会影响当前的视图，不会影响前面的 controller 和后续 present 的 controller。...增加两种 style 分别为 medium 和 large，指示器颜色用 color 属性修改。
1 行内式 行内式是在标记的style属性中设定CSS样式。...组合选择器 后代选择器 /*li内部的a标签设置字体颜色*/ li a { color: green; } 子代选择器 /*选择所有父级是 元素的 元素*/ div>p...[title*="hello"] { color: red; } /*找到所有title属性(有多个值或值以空格分割)中有一个值为hello的元素：*/ [title~="hello"] {...color: green; } 属性选择器不常用的原因 分组和嵌套 分组 当多个元素的样式相同的时候，我们没有必要重复地为每个元素都设置样式，我们可以通过在多个选择器之间使用逗号分隔的分组选择器来统一设置元素样式...样式表中的特殊性描述了不同规则的相对权重，它的基本规则是： 1 内联样式表的权值最高 style=””－－－－－－－－－－－－1000； 2 统计选择符中的ID属性个数。
Q9、CSS中使用ID和Class的区别？ 1）ID：ID属性的操作类似于CLASS属性，但有一点重要的不同之处：ID属性的值在整篇文档中必须是唯一的。这使得ID属性可用于设置单个元素的样式规则。...包含ID属性的选择器称为ID选择器。ID选择器的标志符是散列符号（#） 2） Class：CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。...Q11、在CSS中为元素分配某种颜色的方法有哪些 1、十六进制颜色码： 十六进制颜色码就是在软件中设定颜色值的代码。通过一个以“#”开头的6位十六进制数值表示一种颜色。...CSS中有几个模块，部分如下： 选择器 盒模型 背景和边框 文字效果 2D / 3D转换 动画制作 多列布局 用户界面 Q20、CSS允许使用哪些不同的媒介类型？...Q35、解释通过移动优先策略和自适应设计两种方法的差异？ 这两种方法不是唯一的。
标签的类型(分类) HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。...2.4 行内块元素（inline-block） 例： 在行内元素中有几个特殊的标签——、、，可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。...CSS 背景(background) 目标 理解 背景的作用 css背景图片和插入图片的区别 应用 通过css背景属性，给页面元素添加背景样式 能设置不同的背景图片位置 4.1 背景颜色...4.8 背景总结 属性 作用 值 background-color 背景颜色 预定义的颜色值/十六进制/RGB代码 background-image 背景图片 url(图片路径) background-repeat...样式不冲突，不会层叠 CSS层叠性最后的执行口诀： 长江后浪推前浪，前浪死在沙滩上。 5.2 CSS继承性 ? 概念： 子标签会继承父标签的某些样式，如文本颜色和字号。
标签显示模式转换 display 背景样式（重点） 背景颜色 背景图片 图片重复方式 图片位置(重点) 为什么需要CSS精灵技术 精灵技术 简写属性 背景透明(CSS3) 背景缩放(CSS3) 背景总结...链接登录的颜色为红色。 主导航栏里的列表中的文字颜色为深灰色。 收藏本站要求字体加粗。 我们网页的标签非常多，在不同地方会用到不同类型的选择器，以便更好的完成我们的网页。 的类型(分类) HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。...# 行内块元素（inline-block） 在行内元素中有几个特殊的标签——、可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。...**所以对于字体、文本属性等网页中通用的样式可以使用继承。**例如，字体、字号、颜色、行距等可以在body元素中统一设置，然后通过继承影响文档中所有文本。
4、不使用CSS重置 不同的浏览器具有各种默认样式，这些样式不同，导致元素的外观不一致。这就是为什么我们必须定义一些样式，以便在其他浏览器上为网页样式提供一致的起点。这些样式被称为“CSS重置”。...CSS重置是一种CSS样式，用于删除浏览器默认样式的规则。如果您熟悉CSS，并且在使用过程中有时会注意到某些特定属性的默认样式，如 margin. ，CSS重置可以帮助我们将样式基础调整到一致的水平。...它是一个由“#”符号前缀的6位代码，后跟三对十六进制数字，其中第一对表示红色值，第二对表示绿色值，最后一对表示蓝色值。语法： 使用直接的颜色关键词有一些限制： 颜色名称在不同的浏览器中是不一致的。...例如，如果你将颜色属性设置为绿色，不同的浏览器对其解释的方式也会有所不同。因此，不同浏览器之间的渲染是不一致的。 颜色名称受到限制，因为您无法调整它们的色调、阴影等。 颜色名称的选择有限。...寻找十六进制代码的高效方法 以下是获取十六进制代码的几种方法： 使用在线颜色选择器 - 打开您的浏览器并输入此查询 - “在线颜色选择器”，然后搜索。在返回的页面上，您会得到一个颜色选择器。
这种方法可以用来转义在文本中不能合法出现的字符。...背景图 背景图多为图标等颜色比较简单、文件体积不大、起修饰作用的图片 PNG 与 GIF 格式，优先考虑使用 PNG 格式,PNG格式允许更多的颜色并提供更好的压缩率 图像颜色比较简单的，如纯色块线条图标...，优先考虑使用 PNG8 格式，避免不使用 JPEG 格式 图像颜色丰富而且图片文件不太大的（40KB 以下）或有半透明效果的优先考虑 PNG24 格式 图像颜色丰富而且文件比较大的（40KB - 200KB.../* 推荐 */ .jdc{ display:block; } /* 不推荐 */ .JDC{ DISPLAY:BLOCK; } 选择器 尽量少用通用选择器 * 不使用 ID 选择器 不使用无具体语义定义的标签选择器...命名规范 由历史原因及个人习惯引起的 DOM 结构、命名不统一，导致不同成员在维护同一页面时，效率低下，迭代、维护成本极高。
背景：初期由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难...选择器可以根据元素的标签名、类名、ID等来进行选择，从而实现对不同元素的不同样式设置。属性-值对则用于指定具体的样式，比如颜色、字体大小、边框样式等。...属性（Properties） : 改变 HTML 元素样式的途径（本例中 color 就是 元素的属性）, CSS 中有大量的CSS属性并且存在有对应值....width, margin, padding, font-size, border-width 等, 所以 CSS 有几个不同的单位用于表示长度，划分为两种类型的长度单位即相对长度和绝对长度。...(8,8,8) -> ... -> #FFFFFF rgb(255,255,255) CSS 中color颜色属性值的不同写法和单位： 十六进制颜色：#RRGGBB、#RGB , 所有值必须介于0和FF
例如，HTML 表示的段落将被写为： 说明： 一对尖括号 （）中间的就是 HTML 标签。 不同的标签有不同的含义。...所以自封闭元素通常带有一些属性，以便为它们提供附加信息。 HTML 块和内联 在 HTML 中，您主要会遇到两种类型的 HTML 元素： 块元素用于通过将内容划分为连贯的块来构造页面的主要部分。... 增加文字大小 带有删除线的渲染文本 也可以使用几个 HTML 属性： bgcolor 在元素上定义背景色 text 定义文字颜色 几个margin属性可用于在元素的任何一侧添加间隔的空间...伪类选择器 HTML 元素可以具有不同的状态。最常见的情况是当您将鼠标悬停在链接上时。当此类事件发生时，CSS 中可能会应用不同的样式。...在我们的示例中，该段落将为**红色，**因为#id选择器比其他选择器具有更高优先级。 CSS 规则的顺序 如果您的 CSS 中有类似的选择器，则最后定义的选择器将具有优先权。
可以这样提升 CSS 性能 后代选择器 样式选择器中间的空格是什么？它的名字是 —— 后代选择器。...为什么会更消耗性能呢? 因为浏览器首先会找到所有 p 标签，然后再向上查找包含 class 为 div 的元素。这样一来如果 代码中有很多 p 标签，无疑是会做很多重复工作的。...，越靠右的选择器越具有唯一性，浏览器解析 CSS 属性的效率就越高。...元素的字体颜色（repaint，不需要调整布局） 应用新的样式或者修改任何影响元素外观的属性（repaint、reflow） resize，页面滚动（repaint、reflow） 读取元素的某些属性...更加消耗性能的 CSS 属性 有一些 CSS 属性会比其他属性消耗能多的性能，即浏览器解析这些属性需要花费更多的时间。
基础选择器 标签选择器：h1 类选择器：.checked ID 选择器：#picker 通配选择器：* 属性选择器 [attr]：指定属性的元素； [attr=val]：属性等于指定值的元素； [attr...在 CSS 中有一个很重要的特性就是子元素会继承父元素对应属性计算后的值。...： 首先宽高必须是 0px，通过边框的粗细来填充内容； 那条边需要就要加上颜色，而不需要的边则用 transparent； 想要什么样姿势的三角形，完全由上下左右 4 条边的中有颜色的边和透明的边的位置决定...在 CSS 中，它有两种表示形式： 十六进制符号； 函数符； 十六进制符号 RGB 中的每种颜色的值范围是 00~ff，值越大表示颜色越深。...让网页在不同的浏览器上能够保持一致。
其中：定制风格，可以通过颜色选择器选择一种颜色，从而改变主题颜色风格，可以在下面的自定义样式中输入样式代码，逐一详细调整主题各部分颜色及样式属性，改变外观样式，从而实现个性化主题，不过需要有一定的DIV...图文与图片滚动模块 杂志首页的图文模块和横向图片滚动模块，根据你的需要，修改自定义栏目名称，默认是：thumbnail，这是主题添加指定缩略图的自定义栏目名称，可以根据需要为准备显示在这个两个模块的中文章分别添加不同的任意自定义栏目名称...编辑文章时： 有缩略图的文章可以选择标准形式 无缩略图的选择日志形式 文字少图片多的日志可选择图像形式 不同的文章形式，在文章列表页面，会显示不同的外观布局 文章中插入视频 编辑文章时，切换到文本编辑模式...使用方法：新建页面，在右侧页面属性 面板---模板中选择相应的模板，发表即可。...短代码 主题集成两种形式的下载按钮、回复可见、密码保护、添加视频、添加相册等短代码。
在CSS中如何通过color属性来修改文字颜色 格式: color: 值; 取值: 英文单词 一般情况下常见的颜色都有对应的英文单词, rgb rgb其实就是三原色, 其中r(red 红色) g(green...-/line-开头的属性才可以继承 在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 继承性中的特殊性 a标签的文字颜色和下划线是不能继承的 h标签的文字大小是不能继承的 案例 ...如果都是直接选中, 并且不是相同类型的选择器, 那么就会按照选择器的优先级来层叠id>类>标签>通配符>继承>浏览器默认 不同选择器(直接选中) 相同选择器(直接选中) 间接选中就是指继承 补充内容...在CSS中有一个background-color:属性, 就是专门用来设置标签的背景颜色的 快捷键: bc background-color: #fff; 背景图片 在CSS中有一个叫做background-image...: url();的属性, 快捷键: bi background-image: url(); 背景平铺 在CSS中有一个background-repeat属性, 就是专门用于控制背景图片的平铺方式的 取值
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
