背景色 | 易学教程

解决 MAC 下用"预览"看 PDF 文档白色刺眼背景色难以修改的问题

阅读更多关于解决 MAC 下用"预览"看 PDF 文档白色刺眼背景色难以修改的问题

解决 MAC 下用"预览"看 PDF 文档白色刺眼背景色难以修改的问题这个问题困扰多时, 以前使用 Word 就习惯于把背景色调成浅灰色,这样看文档久一些也不至于太刺激眼睛, 不幸的是 Mac 的 OSX 不支持这种调整, 只能调节整个系统的显示色温, 这样搞起来感觉有些麻烦就暂时放一边去了. 今天随意搜索了一下, 发现有一个可以快速调节色温的软件, 可以在你读 PDF 时点开设置一下, 不读了再设置回去, 比较方便, 就在这里推荐一下: 软件名为: F.lux 下载地址: http://stereopsis.com/flux/ 是通过这篇文档找到这个软件的: http://apple.stackexchange.com/questions/84999/change-background-colour-for-pdf-when-viewing 来源： oschina 链接： https://my.oschina.net/u/219279/blog/137958

FLEX3中应用CSS完全详解手册！

阅读更多关于 FLEX3中应用CSS完全详解手册！

编辑完这个 FLEX 下的CSS说明后，我基本已经兵临崩溃边缘了。在些天在AIRIA下了不少好东西，今天终于有空，也发一个比较不错的东西给大家，相信都比较需要这个FLEX下的CSS使用方法的详细说明（好像我这份还不够详细，望大家补充）。 AIRIA真的是一个不错的网站，很高兴在这里认识大家。在FLEX中使用样式方法一、使用本地样式定义使用<mx:Style>标签在MXML文件中创建本地的样式定义。这个标签包含了符合CSS2.0语法的样式表定义。这些定义会应用到当前文档以及当前文档的子文档。 <mx:style> .solidBorder{//类选择样式 border-style:solid; } button{//组件定义样式 border-style:solid; } .... </mx:style> //应用到组件 <mx:VBoxstyleName="solidBorder"/> <mx:button/>//文档中的button自动应用样式表中的样式二、使用外部样式表 FLEX支持外部CSS样式表。要应用一个样式表到当前文档和子文档，使用<mx:Style>标签中的source 属性。 <mx:Application...> <mx:Stylesource="style/style.css"/>//载入外部样式表 ... </mx:Application>

CSS3动画之二：Animations功能

阅读更多关于 CSS3动画之二：Animations功能

　　Animations功能与Transitions功能相同，都是通过改变元素的属性值来实现动画效果，不同之处是：Transitions功能只能通过改变指定属性的开始值与结束值，然后再这两个属性值之间进行平滑的过渡来实现动画效果。所以Transitions功能不能实现比较复杂的动画效果；Animations功能可以定义多个关键帧以及定义每个关键帧中元素的属性值来实现复杂的动画效果。　　首先明白了Animations功能的工作原理，下面就通过一个实例来看一下Animations功能的用法：（到目前为止Safari 4+、Chrome 2+对Animations功能提供支持）。代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>Animations功能使用方法</title> 6 <style> 7 div { 8 background-color: red; 9 }10 @-webkit-keyframes mycolor {11 0% {12 background-color: red;13 }14 40% {15 background-color: darkblue;16 }17 70% {18 background-color: yellow;19 }20 100%

怎样让背景色覆盖border边框线？

阅读更多关于怎样让背景色覆盖border边框线？

今天写页面的时候出了一点点小问题，发现我设置的背景色与边框色颜色不一致，于是上网查了一下，竟然忘记了有个属性就可以实现让背景色覆盖边框线的问题！ background-clip 属性规定背景的绘制区域。语法： background-clip: border-box|padding-box|content-box; border-box 背景被裁剪到边框盒。 padding-box 背景被裁剪到内边距框。 content-box 背景被裁剪到内容框使用: background-clip: border-box; 解决！！来源： CSDN 作者：孙婷婷的博客链接： https://blog.csdn.net/weixin_36732046/article/details/104756910

一个基于 canvas 的画板

阅读更多关于一个基于 canvas 的画板

虽然我自己的定位是做后端的，但技术主管强调要搞全栈，因此工作中也要写一些前端页面。一个产品经理找我写个画板，他更不会管我的技术定位了。目标是做个画板，具有以下功能：可以更改画笔颜色、粗细，能擦除绘图撤销绘图设置画板背景色将画板保存成图片 demo见： drawing_board 。最后的效果长这样：所有的实现以及遇到的问题，都可以在网上找到。这里做一个总结。画笔粗细、颜色粗细通过 ctx.lineWidth 设置；颜色要设置 ctx.strokeStyle 和 ctx.fillStyle 这两个参数才行。橡皮功能 ctx.globalCompositeOperation 的默认值是 "source-over" ，这时可以正常绘制图形。将其改成 "destination-out" ，这时画笔可将绘制的线条擦除。橡皮其他部分与画笔的逻辑一样，因此代码可以复用。更改 lineWidth 便可调节橡皮大小。有的实现中直接将画笔的颜色改成画板的背景色，以此达到“擦除”的效果。但画板默认是透明的，这种错误实现会导致在输出的图片有问题。撤回功能想要撤回就要记住历史状态。将每次画下的图形数据粗暴地存储在一个数组中，撤销时将数组最后一个元素设置为 canvas 的图形数据即可。注意这里每次记录的都是完整的数据，而不是像 git 一样记录每次的修改，因此不能无限制地记录绘画历史

『Web前端』 CSS入门（9）——CSS 背景

阅读更多关于『Web前端』 CSS入门（9）——CSS 背景

CSS 背景 CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。 CSS 在这方面的能力远远在 HTML 之上。背景色可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。这条规则把元素的背景设置为灰色： p { background-color : gray ; } 如果您希望背景色从元素中的文本向外少有延伸，只需增加一些内边距： p { background-color : gray ; padding : 20px ; } 示例： <html> <head> <style type="text/css"> body { background-color : yellow } h1 { background-color : #00ff00 } h2 { background-color : transparent } p { background-color : rgb ( 250,0,255 ) } p.no2 { background-color : gray ; padding : 20px ; } </style> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <p>这是段落</p> <p class= "no2" >这个段落设置了内边距。</p> <

对HTML与dody的一些研究与理解

阅读更多关于对HTML与dody的一些研究与理解

对HTML与dody的一些研究与理解一看到这篇文章的想法今天在研究移动端的一个效果时看到了张老师写的这篇文章；我们或许一直在学一些主流的知识，怒怼框架去问在自己的简历上写一些华丽的框架学习活开发经验，但是这些真的能决定我们的高度吗知识不断的在更新。。我们要学的东西很多框架的更替速度也会越来越快我们或许很短的时间的就可以学习一个框架但是真正难的真正决定我们对平还是对这些基础的理解下面进入正题二、关于html与body的一些表现 1.背景色一般情况下，我们css控制的最高结点就是body，例如设置：body{background:#069;}则浏览器界面就是完全的#068的背景色。这里看上去是body标签下的背景色起作用了，我到不这么认为，这里不是body的background起作用，而是body作为一个根结点起作用了，html标签未被激活，body但当类似于根结点的结点，其background背景色被浏览器俘获，浏览器界面背景色为background的背景色，以上是我的推论，这种推论不是我凭空想象出来的，而是有一定的根据的。看下面的一段css代码： body{background:#069; margin:100px; border:30px solid #093;} 意思很简明：外边距100像素，边框30像素，背景色#069，按照对一般标签的理解

layui设置table的各种背景色

阅读更多关于 layui设置table的各种背景色

添加以下内容到指定CSS文件,并引入项目即可生效 /* 偶数行背景色 */ .layui-table[lay-even] tr:nth-child(even) { /* background-color: #aaffaa; */ background-color: #eeffee; } /* 鼠标指向表格时,奇数行背景颜色 */ .layui-table tbody tr:hover,.layui-table-hover { background-color: #eeffee; } /* 表格头部工具栏背景色 */ .layui-table-tool { background-color: #eeffee; } /* 表格头部背景色 */ th { background-color: #359f6a; /* MediumSeaGreen */ color: #fff; font-weight: bold } 效果如下: 来源： 51CTO 作者： pannijingling 链接： https://blog.51cto.com/1197822/2436417

Python设置终端颜色

阅读更多关于 Python设置终端颜色

转义序列通过转义序列来设置： \033[显示方式;前景色;背景色m 显示方式：值描述 0 默认值 1 加粗 22 非粗体 4 下划线 24 非下划线 5 闪烁 25 非闪烁 7 反显 27 非反显前景色与背景色前景色背景色描述 30 40 黑色 31 41 红色 32 42 绿色 33 43 黄色 34 44 蓝色 35 45 洋红 36 46 青色 37 47 白色例子 print('\033[1;31;46m') # 设置字体加粗，颜色是红色，背景色是青色 print('\033[0m') # 恢复默认格式注意三个项的值唯一，所以可以不按顺序书写，但是建议按照默认规范三个项可以任意省略转义序列与系统显示设置有关，与编程语言无关转义序列是改变终端的设置，不是当前的文本不同终端支持该转义序列的程度不同，有些不支持闪烁显示方式关于windows下命令提示符（CMD）的颜色需要先执行 os.system('') 再输出转义序列才能改变终端颜色来源： 51CTO 作者： LinQiH 链接： https://blog.51cto.com/linqi/2473103

微信小程序的全局配置以及页面配置

阅读更多关于微信小程序的全局配置以及页面配置

1、全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象属性类型必填描述最低版本 pages string[] 是页面路径列表 window Object 否全局的默认窗口表现 tabBar Object 否底部 tab 栏的表现 networkTimeout Object 否网络超时时间 debug boolean 否是否开启 debug 模式，默认关闭 functionalPages boolean 否是否启用插件功能页，默认关闭 2.1.0 subpackages Object[] 否分包结构配置 1.7.3 workers string 否 Worker 代码放置的目录 1.9.90 requiredBackgroundModes string[] 否需要在后台使用的能力，如「音乐播放」 plugins Object 否使用到的插件 1.9.6 preloadRule Object 否分包预下载规则 2.3.0 resizable boolean 否 iPad 小程序是否支持屏幕旋转，默认关闭 2.3.0 navigateToMiniProgramAppIdList string[] 否需要跳转的小程序列表，详见 wx.navigateToMiniProgram 2.4.0

订阅背景色