CSS选择器，颜色表示方法，阴影，圆角，边框实现三角形，按钮

1. 、CSS3属性选择器

[attribute]		[target]	选择所有带有target属性元素	2
[attribute=value]		[target=-blank]	选择所有使用target="-blank"的元素	2
[attribute~=value]		[title~=flower]	选择标题属性包含单词"flower"的所有元素	2
[attribute|=language]		[lang|=en]	选择 lang 属性以 en- 为开头的所有元素（注意有关个-）
[attribute^=value]		a[src^="https"]	选择每一个src属性的值以"https"开头的元素	3
[attribute$=value]		a[src$=".pdf"]	选择每一个src属性的值以".pdf"结尾的元素	3
[attribute*=value]		a[src*="runoob"]	选择每一个src属性的值包含子字符串"runoob"的元素

演示示例：CSS3属性选择器

1. 、CSS3伪类选择器

:nth-child(n)	p:nth-child(2)	选择每个p元素是其父级的第二个子元素	3
:nth-last-child(n)	p:nth-last-child(2)	选择每个p元素的是其父级的第二个子元素，从最后一个子项计数	3
:nth-of-type(n)	p:nth-of-type(2)	选择每个p元素是其父级的第二个p元素	3
:nth-last-of-type(n)	p:nth-last-of-type(2)	选择每个p元素的是其父级的第二个p元素，从最后一个子项计数	3
:last-child	p:last-child	指定只有选择每个p元素是其父级的最后一个子级。
:first-child	p:first-child	指定只有当<p>元素是其父级的第一个子级的样式

演示示例：CSS3伪类选择器

1. 、CSS3伪元素选择器

是一个行内元素，需要转换成块:display:block   float:**  position:。

必须添加content,哪怕不设置内容，也需要content:””。

E:after、E:before 在旧版本里是伪类，在新版本里是伪元素，新版本下E:after、E:before会被自动识别为E::after、E::before，按伪元素来对待，这样做的目的是用来做兼容处理。

::first-letter	p::first-letter	选择每一个<P>元素的第一个字母或者第一个汉字
::first-line	p::first-line	选择每一个<P>元素的第一行
::before	p::before	在每个<p>元素之前插入内容
::after	p::after	在每个<p>元素之后插入内容

 颜色表示：

1，颜色的英语单词：red ，green

 2、十六进制的：#000000

3、rgb、rgba：（000,000,000）取值0-255，a是透明度（000，000,000,0）a取值0-1，透明，不透明

4、hsl、hsla（色调，饱和度，明亮度）取值为（0-360,0-100%，0-100%）a属性透明度，同上

阴影：

文本text—shadow（）  盒子box-shadow（）；值一致为（水平px，垂直px，模糊px，颜色）

圆角，border-radius：单位px越大越圆润，设置50%盒子呈圆形。

CSS3 实现三角形

三角形实现原理：宽度width为0；height为0；（1）有一条横竖边（上下左右）的设置为border-方向：长度 solid red，这个画的就是底部的直线。其他边使用border-方向：长度 solid transparent。（2）有两个横竖边（上下左右）的设置，若斜边是在三角形的右边，这时候设置top或bottom的直线，和右边的斜线。若斜边是在三角形的左边，这时候设置top或bottom的直线，和左边的斜线。

按钮

属性：background-color color font-size border-radius box-shadow width 鼠标样式cursor