好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

2015年10月22日CSS学习笔记_html/css_WEB-ITnose

XHTML1.0对HTML4.0的改进

借鉴了XML的写法,语法更加严格。 把页面的内容和样式分离了,废弃了html4中的表示样式的标签和属性。推荐使用css来描述页面的样式。

:target

:target{}

div:target{}

目标伪类选择器;选定当前锚点的目标元素

IE8-不支持

:first-child

span:first-child{}

div :first-child{}

匹配父元素中的第一个子元素(必须是标签,纯文本不算)

:last-child

p:last-child{}

div :last-child{}

匹配作为父元素中最后一个子元素出现的元素

:onlt-child

p:only-child{}

匹配作为父元素中唯一子元素出现的元素

:empty

div:empty{display:none;}

匹配没有子元素且没有任何文本内容的元素

:not(选1)

div:not(.strong){}

span:not([class=content])

否定选择器;匹配不被选贼器1选定的元素

::selection

::selection{}

匹配一段文字中被选择部分

说明: :xxx 伪类选择器 ::xxx伪元素选择器

内容生成选择器

XHTML规定:页面内容交给标签来处理;页面表现交给CSS来处理。

但CSS3有些“内容生产”选择器不单单可以呈现样式,还可以向页面中添加内容。

选择器1:before{

content:纯文本/图像/计数器;

}

选择器2:after{

content: 纯文本/图像/计数器;

}

content属性必须配合::before/:after选择器使用。

与内容多列显示相关的CSS样式

column-count:竖直方向上列的数量

column-gap:内容列与列间距

column-style:集合属性 width style color

注意浏览器的兼容性:

IE11直接使用上述属性

FF添加-moz-前缀

Chrome/Safari/Opera 添加-webkit-前缀

查看更多关于2015年10月22日CSS学习笔记_html/css_WEB-ITnose的详细内容...

  阅读:38次