:first-child :last-child :nth-child(n) //2n|2n+1 :nth-last-child(n) :first-of-type :nth-of-type(n) :last-of-type :nth-last-of-type(n) :only-child :onl Read More
posted @ 2016-03-18 10:22
bottle_小姐
Views(119)
Comments(0)
Diggs(0)
:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。我们先来上个例子，然后再做分析。 示例展示 点击链接显示隐藏的段落。 HTML代码： CSS代码： 演示结果： 分析： 1、具体来说，触发元素的URL中的标志符通常会包含一个#号，后面带有一个标志符名称，上面代码 Read More
posted @ 2016-03-18 10:11
bottle_小姐
Views(154)
Comments(0)
Diggs(0)
一、:root :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。 示例演示： 通过“:root”选择器设置背景颜色 HTML代码： CSS代码： 演示结果： 二、:not :not选择器称为否定选择器，和 Read More
posted @ 2016-03-18 10:00
bottle_小姐
Views(272)
Comments(0)
Diggs(0)
在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过id属性可以将不同div元素进行区分。 在CSS2中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了 Read More
posted @ 2016-03-18 09:59
bottle_小姐
Views(123)
Comments(0)
Diggs(0)
一、边框 1、圆角效果 border-radius 2、阴影 box-shadow 3、为边框应用图片 border-image 二、颜色相关 1、颜色之RGBA 2、渐变颜色 background-image:linear-gradient(方向，起始颜色，终止颜色) 三、文字与字体 1、text Read More
posted @ 2016-03-18 09:57
bottle_小姐
Views(141)
Comments(0)
Diggs(0)
浙公网安备 33010602011771号