- 博客(7)
- 资源 (48)
- 收藏
- 关注
原创 css5_浮动
浮动浮动是css里面布局用到最多的属性 Document .box1{ width: 100px; height: 200px; background-color: yellowgreen; } .box2{ width: 200px; height: 200px; background-color: skyblue;
2016-10-26 12:28:33 1067
原创 css2.09_其他选择器的补充
儿子选择器>:div>p{ color: red; }IE6不兼容、IE7开始兼容,>符号就是儿子选择器我们先看看后代选择器的示例(引出儿子选择器): Document div p{ color: red; } 我是段落1 我是段落2 我是段落3 运行结果:我们通过上面代码可
2016-10-17 12:09:29 530
原创 css2.08_通配符
通配符**表示通配符*{ color: red; }所有标签都变成红色接下来我们看一下示例: Document *{ color: red; } 二级标题 段落 列表 运行的结果:
2016-10-17 10:46:16 597
原创 css2.08_并集选择器(分组选择器)
并集选择器用逗号表示并集h2,li{ color: red; }我们来看一下示例: Document h2,li{ color: red; } 二级标题 段落 列表 运行结果:我们看出只要是h2与li都会变红
2016-10-17 10:18:46 1084
原创 css2.7_交集选择器
问题引入 Document .red{ color: red; } 二级标题 二级标题 二级标题 段落 段落 段落运行的结果:我们发现只要是含有red类的标签都变红了如果我的需求是:只能让h2且含有red类的标签变红,这是就要需要交集选择器交集选择器h2.red{ color: red; }上面就是一个交
2016-10-14 16:31:21 2068
原创 css2.6_后代选择器
问题引入我们的需求是讲段1、2、3变成红色,而段落4、5、6变成蓝色如果我们用标签选择器会出现什么效果呢?浏览器运行的效果:这说明标签选择器在这种情况下满足不了我们的需求,为了实现这种需求我们可以选择后代选择器。后代选择器先看看代码示例:浏览器运行的结果:.div1 p{ color:red; }现这种以空格隔开
2016-10-14 11:53:03 513
原创 css2.5_类选择器
问题引入: 类名选择器 p{ color:red; } 这是段落1 这是段落2 这是段落3 这是段落4浏览器打开的结果是:如果我们需求是段落2以及段落4为绿色,其他段落为红色,这种需求 p{ color:red; } 上面的代码实现不了。有的人会说,我可以通过id选择器来
2016-10-11 14:05:15 426
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人