HTML5高级工程师之CSS3布局.pdfVIP

后盾网 人人做后盾 CSS3 后盾网 2011-2016 选择器 , 选择器 选择多个元素 选择器 选择器 第一个选择器的后代 ，且匹配第二个选择器 选择器 选择器 第一个选择器的直接后代 ，且匹配第二个选择 器 选择器 + 选择器 紧挨第一个选择器 ，且匹配第二个选择器 选择器 ~ 选择器 第一个选择器之后 ，且匹配第二个选择器 子元素选择器 后盾网 人人做后盾 E[attr] 包含指定属性 E[attr ＝ “text”] 属性值为text的元素 E[attr^= “value”] 以指定值开始的元素 E[attr$= “value”] 以指定值结束的元素 E[attr*= “value”] 包含指定值的元素 ，无论其位置 属性选择器 后盾网 人人做后盾 p empty 不含子节点的p元素 div p not(.hd) div中除了.hd的p元素 伪类选择器 后盾网 人人做后盾 p first-line 匹配文本块的首行 p first-letter 匹配文本块的首字母 before 在选中元素的内容前插入内容 after 在选中元素的内容后插入内容 示例 ： p/ p div /div style type=text/css p before{ content 后盾论坛 ; } div after{ content 这是快学网网址; } /style 文本选择器 后盾网 人人做后盾 rgba颜色 ： • rgb表示红、绿、蓝、a表示透明度1为不透明 ，0.5为半透明 示例 ： #div 1~div { background rgba(255,0,0,0.5); } RBGA颜色设置 后盾网 人人做后盾 px 使用具体像素点为单位 ，好处是比较稳定和精确。但在浏览器中放大或缩放浏览 页面时会存在一个问题 em em是以父级大小为参考的单位。好处是字体可以自适应。但父元素标签发生改 变时字体大小将不确定。 rem ： rem是相对于根元素 html ，这样就意味着 ，我们只需要在根元素确定一个参 考值即可。 示例 ： html {font-size 62.5%;/*10 ÷ 16 × 100% = 62.5%*/} body {font-size 1.4rem;/*1.4 × 10px = 14px */} h1 { font-size 2.4rem;/*2.4 × 10px = 24px*/} 字体单位 后盾网 人人做后盾 属性规定当文本溢出包含元素时发生的事情 ： • text-overflow clip|ellipsis|string; 参数说明 ： clip 修剪文本。 ellipsis 显示省略符号来代表被修剪的文本。