首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关于无障碍设计七件事

这篇文章帮助你了解有关无障碍设计主要知识,让你产品设计“准备就绪”,使你产品设计满足Section508和Web Content Accessibility Guidelines2.0中最低标准...当根据WCAG来设计和开发,可以使网站内容更易被有障碍的人士所接受。 换句话来说,当文本大小是24px或18px加粗或者更大白色文本背景使用最浅灰色是#959595。 ?...上图为#959595文本白色背景 对于较小文本,白色背景,可以使用最浅灰色是#767676。如果使用是灰色背景,那么文本颜色就要更深。 ?...这些icon不会消失。 ? 当我把鼠标悬停在某块地方,蓝色出现了。 ? 当我提出这种解决方法,有的设计师会说,“感觉有点重了”。 也许从视觉是有一点。但是它是无障碍设计解决方案。...一种方案就是,它们白色背景可以是绿色,鼠标悬停颜色反过来。 ? 这个解决方案也可能会被称为“重”。但是,请记住,我们不是为设计师而设计。我们在为不同用户设计。

3K30

CSS进阶11-表格table

打印用户代理可以每一页重复标题。...display设置为'table-column'或'table-column-group'元素不会被渲染(就像它们有'display:none'一样),但是它们是有用,因为它们可能具有某些属性为其所代表列包含特定样式...在其中一个图层中元素设置背景只有它上面的图层具有透明背景才可见。 ? 表层架构Schema of table layers 最底层是一个单独平面,代表表格本身。...与列一样,背景完全覆盖了来自该行所有单元格全部区域,即使它们跨越到之外,但这种区域差异不会影响背景图像定位。 最顶层包含单元格cells本身。...请注意,本节重写如第10.3节section 10.3 所述适用于计算宽度规则。特别是,如果一个边距margins设置为“0”和“auto”宽度,则表格不会自动调整大小以填充其包含块。

6.4K20
您找到你想要的搜索结果了吗?
是的
没有找到

CSS学习记录及整理

style="" href=""/>标签链接外部CSS文件,应用最广泛; 导入样式标签中使用@import导入外部样式,用不多。...另外,:hover还可以用于选中所有的其它标签,比如div:hover,当鼠标悬停到div区域,会产生一个效果,可以用来设置动画。...float--浮动 left左浮动 right右浮动 none默认,不浮动 inherit继承父元素属性 overflow--内容溢出是否修剪 visible默认值,不会修剪,溢出部分会显示框外...hot/new小图标可用”子绝父相“,来达到无论缩放浏览器窗口都不会移位效果。...direction--文本书写方向 letter-spacing--字符间距 line-height--高,要想使一文字box中垂直居中,可以设置高等于元素框高 text-align--水平对其方式

6.9K80

Excel编程周末速成班第24课:调试和发布应用程序

VBA调试工具旨在跟踪这两种bugs原因。 断点 VBA编辑器中,可以在任何代码设置断点。当执行到达该行代码,VBA进入中断模式,这使你可以执行各种调试任务(稍后将对此进行解释)。...要设置断点,编辑光标放在该代码,然后按F9。你也可以使用相同技术来删除断点。带有断点行在深色背景显示为浅色文本,相邻页边空白处显示一个圆圈图标,如图24-1所示。...图24-1:具有暗红色背景和小圆圈断点在页边显示 提示:通过选择“工具”→“选项”,可以“选项”对话框“编辑器选项”选项卡更改断点和其他代码元素显示格式。 断点对于跟踪程序执行很有用。...换句话说,当VBA断点处停止,包含该断点尚未执行。也可以仅在包含可执行代码设置断点。其中不包括Dim语句。VBA不允许你不可执行设置断点。...每个监视表达式都显示在其自己该行左端图标标识监视类型(“监视表达式”,“值更改时中断”或“值为True时中断”)。“监视”窗口中列显示以下信息: 表达式。被监视表达式 值。

5.7K10

《iVX 高仿美团APP制作移动端完整项目》02 搜索、搜索提示及类别需求分析思路及制作流程

: 但此时我们发现,搜索内容标签并不居中,我们设置一下搜索内容水平居中显示: 此时搜索内容又距离顶部太过接近,我们可以设置其搜索内边距内容为如下: 由于搜索占据了一定高度...,在此我们将该高度值设置为包裹,否则接下来该行会占据过多高度: 二、搜索提示 接着制作搜索提示区域内容: 首先创建一个行为搜索提示: 接着设置这个高度为包裹,并且使其背景色为透明...: 接着在其添加一个文本: 接着我们更改其对应背景颜色、字号及文字内容: 那如何才能使其具有以下呈现呢?...我们只需要在当前搜索提示属性中,关掉其自动换行属性即可: 接着我们预览,发现该行不能左右滑动: 我们只需要设置该行剪切属性为滚动 x(横)轴,并且隐藏其内容滚动条即可: 最后设置其上下左右内边距...,使其与之有距离即可: 三、种类 接着继续往下,查看种类区域内容为上图下文: 那么此时就需要一个来包裹这些内容,在内容中创建一个行为种类,设置背景色透明、高度为包裹: 接着需要想如何在该行中添加对应内容

1.1K10

皮肤引擎(HTMLayout)特性说明文档

如果被设置此样式对象有前景/背景色或图像填充, 光晕边缘会按背景轮廓绘制.....附加了此行为元素才能在点击后触发程序消息.与 button行为唯一不同是具有此行为元素不会获得焦点....菜单元素被调用时, 它父元素会被设置为调用它元素. behavior: menu-bar; 菜单栏行为.此行为与菜单唯一不同. behavior: popup-menu; 打开弹出菜单.具有该行元素点击后会打开子元素中第一个...behavior: popup-menu; 打开弹出菜单.具有该行元素点击后会打开子元素中第一个 或元素作为菜单....: 遍历当前鼠标悬停 .item 元素内所有 .icon 元素, 并将他们背景设置为灰色.

23540

Sketch for mac(矢量绘图UI设计软件)93 最新中文版

现在,当您将鼠标悬停在智能网格手柄,您将看到一个选择有多少和多少列 - 而不仅仅是您使用它。我们改进了“设计”选项卡处于活动状态向图层添加交互“检查器”选项卡行为方式。...什么是固定修复了更新文本样式后,包含具有该文本样式图层边界未更新问题。修复了具有自动高度文本图层进入和离开编辑模式可能会移动问题,如果之前将它们设置为固定大小。...修复了背景模糊出现在画布并带有轻微灰色调错误。修复了如果光标位于其父组矩形角半径手柄会出现问题。修复了多个编辑器处理复杂文档可能影响性能回归问题。...修复了按下 ⌘ 时会错误捕捉叠加预览错误。修复了符号设为本地或分离符号会重置或丢失任何应用覆盖错误。修复了背景模糊可能在文档预览中显示黑色背景错误。...修复了直接在画布覆盖文本可能会扩大其字体大小错误。修复了执行多选图层列表中选定图层图标颜色不正确问题。修复了组内交换 Symbol 实例不会正确更新组边界问题。

1.5K30

聊一聊数据库中

为什么 编不下去了,真实背景是公司中遇到一张有海量数据,每次一旦执行历史数据清理,我们程序就因为读不到这张数据,疯狂地报错,后面一查了解到,原来是因为定时删除语句设计不合理,导致数据库中数据由锁...SQL Server事务启动锁定对象。事务完成后,SQL Server释放锁定对象。可以根据SQL Server进程类型和隔离级别更改此锁定模式。...实际,当SQL Server获取页面或中需要设置意图锁。 SQL Server locking 了解了这些背景知识后,我们尝试再SQL Server找到这些锁。...在此视图中,我们可以找到有关当前活动锁管理大量信息。 第一个示例中,我们创建一个不包含任何索引演示,并尝试更新此演示。...单个Transact-SQL语句分区单个分区获取至少5,000个锁,并且ALTER TABLE SET LOCK_ESCALATION选项设置为AUTO。

93621

前端开发必备之Chrome开发者工具(上篇)

您需要将鼠标悬停到样式规则才能看到这个图标 ? 鼠标悬停到此图标上可以调出添加 text-shadow、box-shadow、color 和 background-color 声明快捷方式。...交互 消息堆叠 如果一条消息连续重复,而不是输出每一个消息实例,控制台“堆叠”消息并在左侧外边距显示一个数字。...点击左边行号,这样一个蓝色图标就显示在行号,表明该代码设置好断点了。 ?...DOM更改断点 当您想要更改DOM节点或其子节点代码,使用DOM更改断点 设置DOM更改断点: 切换到 Elements 面板。 找到您想设置断点元素并右键单击该元素。...鼠标悬停在 Break on ,然后选择 subtree modifications,attribute modifications或node removal。 ?

8.2K111

聊一聊数据库中

为什么 编不下去了,真实背景是公司中遇到一张有海量数据,每次一旦执行历史数据清理,我们程序就因为读不到这张数据,疯狂地报错,后面一查了解到,原来是因为定时删除语句设计不合理,导致数据库中数据由锁...SQL Server事务启动锁定对象。事务完成后,SQL Server释放锁定对象。可以根据SQL Server进程类型和隔离级别更改此锁定模式。...实际,当SQL Server获取页面或中需要设置意图锁。 SQL Server locking 了解了这些背景知识后,我们尝试再SQL Server找到这些锁。...SQL Server获取该行独占锁。(RID:用于锁定堆中单个标识符)同时,SQL Server获取页中独占锁和TestBlock表意向锁。...单个Transact-SQL语句分区单个分区获取至少5,000个锁,并且ALTER TABLE SET LOCK_ESCALATION选项设置为AUTO。

86230

康耐视VIDI介绍-蓝色读取工具(Read)

此外,设置所需分段设置或图像筛选条件非常简单。该工具能够读取传统机器视觉工具难以阅读字符;特别是嘈杂背景变形和/或弯曲字符。...此外可以通过拖动尺寸调整拖动点工具(当鼠标悬停在指示符显示)来重新调整指示符大小。...更改指示符大小也会更改特征尺寸参数 4.3极性参数 由于蓝色读取工具是具有一致文本和背景极性(即在浅色背景深色文本)一组图像预先训练,如果您碰巧有一个极性相反图像数据集,则需要通过从采样工具参数部分极性下拉菜单中选择反转来更改极性...当此参数设置为反转,图像中图像以及主显示屏中图像显示为更改极性 4.4特征标注 为了确定蓝色读取工具图像性能,您需要能将工具识别的字符与图像中实际字符值进行比较。...这可以通过双击数据库概述中特征/匹配来完成,双击后将自动设置显示筛选条件。 4.8操作步骤 使用蓝色读取工具涉及以下四个主要步骤: 1️⃣ 收集训练样本图像。

2.9K51

IntelliJ IDEA常用设置和好用插件,不定时更新 2021-08-12更新

目录 一:设置方面 1:设置黑色背景主题 2:修改字体设置 3 注释模板设置 4 代码提示补充大小写不敏感设置 5 启动IDEA手动选择项目 6 更改maven默认配置 7 鼠标悬停显示注释 8.自动导入包和导入包优化设置...Courier New字体 然后改代码编辑区字体及大小 和字体间距 3 注释模板设置 首先是新创建文件文件注释 文本如下,直接复制更改即可 模板最开始前面是没有/开头 ** [description...此时设置完成之后,使用方式就是/*+TAB键 即可 (idea模板开头是/开始,功能键默认tab,不用更改) 或者配置模板时候带上前面的 /*使用CTRL+J 进行提示,然后上下键选择 Enter...5 启动IDEA手动选择项目 设置不默认进入一次项目即可 6 更改maven默认配置 告别每次新打开一个项目就要手动再次设置一遍maven配置 7 鼠标悬停显示注释 8.自动导入包和导入包优化设置...-Easy Code 可以快速根据数据库映射成java中entity,controller,service,dao,mapper文件 使用方法:先用database链接数据库,在对应直接右键执行

3.2K20

《iVX 高仿美团APP制作移动端完整项目》01 标题需求分析思路及制作流程

标题”以及“内容”两个区域: 此时我们在行属性面板中找到对应背景色,将其值拖拽至最左侧,将会使其背景色透明: 此时该行会有高度,我们可以在行属性中高度中设置其属性为包裹,设置包裹后其中内容有多高...,那么该行高度就会随着其内容高度改变: 急着我们点击首页设置背景颜色: 三、设置标题内容 此时我们已经完成了背景和主要容器添加,此时我们主要中,添加一个,重命名为标题:...,左右分别占据了两,这两我们需要将其并为一;我们在此分析,在当前标题内容中,左侧为大部分内容,右侧为小部分内容,我们可以左侧宽度设置为 90%,右侧宽度设置为 10%,此时页面中两行内容将会显示之中...,咱们标题所有(包括标题背景色全部设置为透明: 接着我们查看原网页,可以得知原网页标题左侧为一个 icon 图标,接着是一个文本,最右侧是一个箭头图标: 此时我们点击,在其中添加图标...: 接着我们图标样式中找到 location,并且设置,并对其更改对应大小: 接着添加文本内容以及箭头图标(自己需要设置其大小): 此时我们发现,当前内容并不垂直对其,

47110

Word VBA实战应用:给文本添加屏幕提示

标签:Word VBA 本文提供Word VBA程序可以Word中制作类似网站中屏幕提示,即将鼠标悬停在特定文本显示包含相关信息小框。...As String Public Style As VbMsgBoxStyle Public Response As VbMsgBoxResult '下面的程序选择文本转换成超链接 '以在用户鼠标放置该文本显示特定屏幕提示...MsgBox Msg, vbOKOnly, Title Exit Sub End If '让用户指定屏幕提示文本 Retry: Msg = "本程序允许更改所选内容, 以便在用户鼠标悬停在文本显示屏幕提示...此时,当用户鼠标悬停在所选文本,输入文本显示屏幕提示中。文本也应用了指定背景色,以便于用户容易识别包含有屏幕提示文本。...而正常超链接样式将自动从超链接中删除,以便用户可以屏幕提示超链接与普通超链接区分开来。如果需要,可以更改程序中背景颜色。

1.7K20

网页精美动效动画制作 按钮鼠标悬浮动效基础 01《炫彩网页 iVX 无代码动效动画制作》

: 接着选择整个项目的根,在其添加一个作为内容容器: 在对象树(右侧)“”组件中右键可进行重命名: 在此重命名为容器后,选择容器左侧对应组件属性中更改高度为撑开...,此时该行将会撑开整个页面: 撑开页面如下: 为了整个页面能够更美观,在此属性中将该行背景设置为白色: 接着设置水平与垂直属性为居中: 二、按钮基本设置...在此点击,在行中可添加对应组件,选择左侧组件栏中对应按钮组件,点击添加后将会在对象树中添加按钮组件,并且也会在页面中添加按钮元素: 此时我们可以更改当前按钮基本属性,点击按钮更改背景颜色以及按钮按钮文字颜色...三、按钮动效设置 组件面板(最左侧)中找到动效,选择需要添加动效组件,点击即可添加动效: 接着我们可以更改动效命名方便区分,设置动效名称为“鼠标悬浮动效”: 接着我们点击动效,动效属性中选择自定义动效...: 接着我们点击最开始关键帧,原本按钮大小输入其中: 此时我们要注意,原本按钮宽高是 150px * 50px,不要输入错误: 接着最后关键帧,点击关键帧后,输入对应需要改变大小值

1.4K20

CSS3笔记

CSS颜色值寻找颜色值完整列表 -inset 可选。从外层阴影(开始)改变阴影内侧阴影 背景 background-image 属性添加背景图片。...否则,第1个弹性项外边距和main-start边线对齐,而最后1个弹性项外边距和main-end边线对齐,然后剩余弹性项分布该行,相邻项目的间隔相等。...flex-end:弹性盒子元素侧轴(纵轴)起始位置边界紧靠住该行侧轴结束边界。 center:弹性盒子元素该行侧轴(纵轴)居中放置。...类似于 align-items, 但它不是设置弹性子元素对齐,而是设置各个对齐。...center:弹性盒子元素该行侧轴(纵轴)居中放置。(如果该行尺寸小于弹性盒子元素尺寸,则会向两个方向溢出相同长度)。

3.5K30

H5+CSS3+JS逆向前置——CSS3、基础样式

box-sizing:用于更改元素盒模型计算方式。 背景属性: background-color:用于设置元素背景颜色。 background-image:用于设置元素背景图片。...background-repeat:用于设置背景图片重复方式。 background-position:用于设置背景图片位置。...用户界面属性:包括鼠标悬停效果(如 hover 颜色)、表单控件样式(如 input type 属性对应样式)等。...以下是一些CSS3主要样式: 边框圆角(Border Radius):允许您设置元素边框圆角。 背景渐变(Background Gradients):允许您创建背景渐变效果。...文本对齐(Text Alignment):允许您设置文本对齐方式。 渐变背景(Linear Gradients Background):允许您在元素创建线性渐变背景

13310

BootStrap基础知识

这个间隙是通过 .row 类负边距设置第一和最后一列偏移。 栅格列是通过跨越指定 12 个列来创建。 例如,设置三个相等列,需要使用用三个.col-4 来设置。...toast.hide() 隐藏一个元素吐司。您吐司元件保留在 DOM ,但不会再显示。... .carousel-item 添加 data-bs-interval="" 以更改自动循环至下一个项目的延迟时间。... 元素添加 .dropdown-menu 类来设置实际下拉式功能,然后在下拉式功能选项中添加 .dropdown-item 类。...内联表单需要在 元素添加 .form-inline 类 所有内联表单中元素都是左对齐 荧幕宽度 小于 576px 为垂直堆叠,如果荧幕宽度 大于等于 576px 表单元素才会显示同一个水平线上

21710

HTML CSS 入门

增加文字大小 带有删除线渲染文本 也可以使用几个 HTML 属性: bgcolor 元素定义背景色 text 定义文字颜色 几个margin属性可用于元素任何一侧添加间隔空间...定义是冗长:它们需要很多样板代码 标签在语义是错误: 应该用于多维数据 更改布局需要更改标签:如果我们想将左列移动到右侧,则必须修改 HTML 结构 容易出现语法错误:和单元格需要按特定顺序进行排序和嵌套才能有效...伪类选择器 HTML 元素可以具有不同状态。最常见情况是当您将鼠标悬停在链接上。当此类事件发生,CSS 中可能会应用不同样式。...伪类选择器附加到常规选择器,并以冒号开头:: /* 正常情况下样式 */ a {   color: blue; } /* 鼠标悬停样式 */ a:hover {   color: red; }...我们示例中,该段落将为**红色,**因为#id选择器比其他选择器具有更高优先级。 CSS 规则顺序 如果您 CSS 中有类似的选择器,则最后定义选择器具有优先权。

5.1K20

如何使用CSS创建按钮悬停动画效果?

opacity − 这个属性设置元素透明度级别,其中1表示完全可见,0表示完全透明。 background-color − 这个属性设置元素背景颜色。...示例1 - 悬停放大 在这个示例中,按钮具有蓝色背景和白色文本。当鼠标指针悬停在按钮,按钮将使用 transform 属性以平滑过渡0.5秒内缩放20%,背景颜色变为绿色。...在这个例子中,按钮具有蓝色背景和白色文本,初始不透明度为0.5。...在这个例子中,按钮具有蓝色背景和白色文本,位置设置为相对。...底部属性设置为0,意味着按钮位于其容器底部。当鼠标指针悬停在按钮,底部属性增加到20px,导致按钮0.5秒内以平滑过渡向上滑动。

17110
领券