color

基本CSS选择器有标记选择器、类别选择器、ID选择器3种 1。标记选择器 每一种HTML标记的名称都可以作为相应的标记选择器的名称，如h1,p,等等 2。类别选择器 类别选择器的名称可以由用户自定义 格式如下：.class{color:green;font-size:20px;} 3。ID选择器 与类别选择器相试 格式如下：#id{color:green;font-size:20px;} 复合选择器：就是两个或者多个基本选择器，通过不同方式连接而成的选择器 有两种情况：”交集“选择器、“并集”选择器 1。“交集”选择器：由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集， 其中第一必须是标记选择器，第二个必须是类别选择器或者ID选择器，两个选择器之间不能有空格，必须连续书写 如：h3.class{color:red;font-size:23px;} 2。“并集”选择器：同时选中各个基本选择器所选择的范围，任何形式的选择器都可以，并集选择器是多个选择器通过逗号连接而成的， 格式如:h1,h2,h3{color:red;font-size:23px;} 后代选择器： 后代选择器书写方法：把外层的标记写在前面，内层的标记写在后面，之间用空格分隔，当标记发生嵌套时，内层的标记就成为外层标记的后代了 举个列子 < html > < head > < title > 后代选择器 </

颜色的表述 在网页中的颜色设置是非常重要，CSS的属性有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色 前面几个知识点中经常用到的就是这种设置方法： p{color:green;} 2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。 p{color:RGB(0,255,0);} 每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如： p{color:RGB(0,100%,0);} 3、十六进制颜色 这种颜色设置方法是现在比较普遍使用的方法，其原理其实也是 RGB 设置，但是其每一项的值由 0-255 变成了十六进制 00-ff。 p{color:#00FF00;} 更多学习内容，就在码芽网www.mayacoder.com 看一段css代码： /*给p元素添加背景颜色*/ p{ background-color:#fffa21; color:#f58055; } 来源： oschina 链接： https://my.oschina.net/u/2814141/blog/745334

1、十六进制颜色转换为rgb形式： /** * 十六进制颜色转换为rgb形式 * @function hex2rgb * @param {String} hex 颜色值（可省略前缀#） * @return {String} 如果hex长度大于7，直接返回hex；否则返回颜色值 * @example * // return rgb(0,0,0) * hex2rgb('#000000'); */ function hex2rgb(hex) { if ('#' === hex.charAt(0)) hex = hex.slice(1); var r, g, b, c = '#' === hex.charAt(0) ? hex.slice(1) : hex; if (c.length === 3) { r = c.charAt(0) + c.charAt(0); g = c.charAt(1) + c.charAt(1); b = c.charAt(2) + c.charAt(2); } else if (c.length === 6) { r = c.charAt(0) + c.charAt(1); g = c.charAt(2) + c.charAt(3); b = c.charAt(4) + c.charAt(5); } else { return hex; } return

像素和相对长度 前面的html博文，我们提到过用属性width、height来设置图片的尺寸，它们的单元都是”px（像素）”。 长度单位总结一下，目前比较常用到px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。 1、像素 像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关，在目前大多数的设计者都倾向于使用像素（px）作为单位。 2、em 就是本元素给定字体的 font-size 值，如果元素的 font-size 为 14px ，那么 1em = 14px；如果 font-size 为 18px，那么 1em = 18px。 p { font-size:12px; text-indent:2em; } 上面代码就是可以实现段落首行缩进 24px（也就是两个字体大小的距离）。 3、百分比 设置行高（行间距）为字体的130%（12 * 1.3 = 15.6px）。 p{ font-size:12px; line-height:130% } px的特点： 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。

###All Clickable Views: ripple effect (Lollipop only) — “colorControlHighlight” ###Status Bar: background (Lollipop only) – “colorPrimaryDark” ###Navigation Bar: background (Lollipop only) – “android:navigationBarColor” ###EditText: underline (unfocused) — “colorControlNormal” underline overlay (focus) — “colorAccent” cursor — “colorAccent” text color — “android:textColorPrimary” ###TextView: text color — “android:textColorPrimary” ###CheckBox: box unchecked — “colorControlNormal” box checked — “colorAccent” ###RadioButton: unselected — “colorControlNormal” selected — “colorAccent” ripple