上书房之CSS3.docx

上书房之CSS3互联网产品研发前端技术西安樱桃谷信息技术有限公司目录第一章 CSS3简介2第二章 选择器2第三章 边框43.1.圆角边框43.2.边框阴影53.3.边框图片6第四章 文本效果84.1.文本溢出处理84.2.文本添加阴影94.3.长单词分隔规则10第五章 2D转换115.1.translate()115.2.rotate()125.3.scale()125.4.skew()13第六章 3D转换136.1.rotateX()136.2.rotateY()13第七章 过渡14 CSS3简介CSS3是CSS必威体育精装版的版本，它完全支持向下兼容，因为开发人员不必改变已有项目的样式。CSS3是由W3C开发，通常与HTML5结合进行移动互联网产品的研发。目前现代浏览器均已支持CSS3新语法。 选择器选择器例子例子描述CSS版本/cssref/selector_ro选择 class=intro 的所有元素。1/cssref/selector_id.asp#id#firstname选择 id=firstname 的所有元素。1/cssref/selector_all.asp**选择所有元素。2/cssref/selector_element.aspelementp选择所有 p 元素。1/cssref/selector_element_comma.aspelement,elementdiv,p选择所有 div 元素和所有 p 元素。1/cssref/selector_element_element.aspelement?elementdiv p选择 div 元素内部的所有 p 元素。1/cssref/selector_element_gt.aspelementelementdivp选择父元素为 div 元素的所有 p 元素。2/cssref/selector_element_plus.aspelement+elementdiv+p选择紧接在 div 元素之后的所有 p 元素。2/cssref/selector_attribute.asp[attribute][target]选择带有 target 属性所有元素。2/cssref/selector_attribute_value.asp[attribute=value][target=_blank]选择 target=_blank 的所有元素。2/cssref/selector_attribute_value_contain.asp[attribute~=value][title~=flower]选择 title 属性包含单词 flower 的所有元素。2/cssref/selector_attribute_value_start.asp[attribute|=value][lang|=en]选择 lang 属性值以 en 开头的所有元素。2/cssref/selector_link.asp:linka:link选择所有未被访问的链接。1/cssref/selector_visited.asp:visiteda:visited选择所有已被访问的链接。1/cssref/selector_active.asp:activea:active选择活动链接。1/cssref/selector_hover.asp:hovera:hover选择鼠标指针位于其上的链接。1/cssref/selector_focus.asp:focusinput:focus选择获得焦点的 input 元素。2/cssref/selector_first-letter.asp:first-letterp:first-letter选择每个 p 元素的首字母。1/cssref/selector_first-line.asp:first-linep:first-line选择每个 p 元素的首行。1/cssref/selector_first-child.asp:first-childp:first-child选择属于父元素的第一个子元素的每个 p 元素。2/cssref/selector_before.asp:beforep:before在每个 p 元素的内容之前插入内容。2/cssref/selector_after.asp:afterp:after在每个 p 元素的内容之后插入内容。2/cssref/selector_lang.asp:lang(language)p:lang(it)选择带有以 it 开头的 lang 属性值的每个 p 元素。2/cssref/selector_gen_sibling.aspelement1~element2p~ul选择前面有 p 元素的每个 ul 元素。3/cssref/selector_at