摘要：
only-child选择器“:only-child”选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。示例演示通过“:only-child”选择器，来控制仅有一个子元素的背景样式，为了更好的理解，我们这个示例通过对比... 阅读全文
posted @ 2015-04-23 16:36
IT姑凉
阅读(4021)
评论(0)
推荐(0)
摘要：
last-of-type选择器“:last-of-type”选择器和“:first-of-type”选择器功能是一样的，不同的是他选择是父元素下的某个类型的最后一个子元素。示例演示通过“:last-of-type”选择器，将容器“div.wrapper”中最后一个段落元素背景设置为橙色（提示：这个段... 阅读全文
posted @ 2015-04-23 16:32
IT姑凉
阅读(2584)
评论(0)
推荐(0)
摘要：
first-of-type选择器“:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。示例演示：通过“:first-of-type”选择器，定位div容器中的第一个p元素（p不一定是容器中的第... 阅读全文
posted @ 2015-04-23 16:29
IT姑凉
阅读(2025)
评论(0)
推荐(0)
摘要：
结构性伪类选择器—nth-child(n)“:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。也就是说，参数n的值... 阅读全文
posted @ 2015-04-23 15:29
IT姑凉
阅读(4110)
评论(0)
推荐(0)
摘要：
结构性伪类选择器—first-child“:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。示例演示通过“:first-child”选择器定位列表中的第一个列表项，并将序列号颜色变为红色。HTML代码： ... 阅读全文
posted @ 2015-04-23 15:24
IT姑凉
阅读(1387)
评论(0)
推荐(0)
摘要：
结构性伪类选择器—root:root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是。示例演示：通过“:root”选择器设置背景颜色HTML代码：:root选择器的演示CSS代码：:root { background:oran... 阅读全文
posted @ 2015-04-23 15:08
IT姑凉
阅读(1300)
评论(0)
推荐(0)
摘要：
练习题根据所学知识，使用CSS3实现下图的导航菜单效果任务1、制作导航圆角提示：使用border-radius实现圆角2、制作导航立体风格提示：使用box-shadow实现立体风格3、制作导航分隔线提示：使用渐变与伪元素制作4、删除第一个和最后一个导航分隔线提示：使用伪元素删除第一个和最后一个分隔线... 阅读全文
posted @ 2015-04-23 14:33
IT姑凉
阅读(1503)
评论(0)
推荐(0)
摘要：
background-origin设置元素背景图片的原始起始位置。语法：background-origin ： border-box | padding-box | content-box;参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。效果如下：需要注意的是，如果背景不... 阅读全文
posted @ 2015-04-23 14:11
IT姑凉
阅读(622)
评论(0)
推荐(0)
摘要：
text-shadow可以用来设置文本的阴影效果。语法：text-shadow: X-Offset Y-Offset blur color;X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移；Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之... 阅读全文
posted @ 2015-04-23 09:49
IT姑凉
阅读(711)
评论(0)
推荐(0)
摘要：
@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。语法：@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径;}这样设置之后，就可以像使用普通字体一样在（font-*）中设置字体样式。比... 阅读全文
posted @ 2015-04-23 09:32
IT姑凉
阅读(464)
评论(0)
推荐(0)
摘要：
text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。语法：但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hid... 阅读全文
posted @ 2015-04-23 09:17
IT姑凉
阅读(527)
评论(0)
推荐(0)
浙公网安备 33010602011771号