css
lianghe_work
热爱linux
展开
-
css2.5_类选择器
问题引入: 类名选择器 p{ color:red; } 这是段落1 这是段落2 这是段落3 这是段落4浏览器打开的结果是:如果我们需求是段落2以及段落4为绿色,其他段落为红色,这种需求 p{ color:red; } 上面的代码实现不了。有的人会说,我可以通过id选择器来原创 2016-10-11 14:05:15 · 425 阅读 · 0 评论 -
css2.6_后代选择器
问题引入我们的需求是讲段1、2、3变成红色,而段落4、5、6变成蓝色如果我们用标签选择器会出现什么效果呢?浏览器运行的效果:这说明标签选择器在这种情况下满足不了我们的需求,为了实现这种需求我们可以选择后代选择器。后代选择器先看看代码示例:浏览器运行的结果:.div1 p{ color:red; }现这种以空格隔开原创 2016-10-14 11:53:03 · 512 阅读 · 0 评论 -
css2.7_交集选择器
问题引入 Document .red{ color: red; } 二级标题 二级标题 二级标题 段落 段落 段落运行的结果:我们发现只要是含有red类的标签都变红了如果我的需求是:只能让h2且含有red类的标签变红,这是就要需要交集选择器交集选择器h2.red{ color: red; }上面就是一个交原创 2016-10-14 16:31:21 · 2067 阅读 · 0 评论 -
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 · 1064 阅读 · 0 评论 -
css2.08_并集选择器(分组选择器)
并集选择器用逗号表示并集h2,li{ color: red; }我们来看一下示例: Document h2,li{ color: red; } 二级标题 段落 列表 运行结果:我们看出只要是h2与li都会变红原创 2016-10-17 10:18:46 · 1084 阅读 · 0 评论 -
css2.08_通配符
通配符**表示通配符*{ color: red; }所有标签都变成红色接下来我们看一下示例: Document *{ color: red; } 二级标题 段落 列表 运行的结果:原创 2016-10-17 10:46:16 · 596 阅读 · 0 评论 -
css2.09_其他选择器的补充
儿子选择器>:div>p{ color: red; }IE6不兼容、IE7开始兼容,>符号就是儿子选择器我们先看看后代选择器的示例(引出儿子选择器): Document div p{ color: red; } 我是段落1 我是段落2 我是段落3 运行结果:我们通过上面代码可原创 2016-10-17 12:09:29 · 529 阅读 · 0 评论