基本使用:
.类选择器{
属性名: 属性值;
…}
2.id选择器
基本使用:
#id选择器{
属性名: 属性值;
…
}
3. html元素选择器
某个html元素{
属性名: 属性值;
…
}
4.通配符选择器
该选择器可以用到所有的html元素,但是其优先权最低
*{
属性名: 属性值;
…
}
css级别,css html 打印,css页面加载效果,css如何设置行内间隔,css 控制只能输入数字,怎么把css的空行删除,很好的网易css框架nec
@ 怎样区分后代选择器和子代选择器?
1.第一从符号上来区分后代选择器:是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器:用特殊符号> 例如 h1>span{}
2.第二从用法上区分后代选择器html部分:<ul class=”study”> <li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li> </ul> </li> <li>数学 <ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li> </ul> </li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙,后代是一代传一代。
子代选择器时效果图:
后代选择器时效果图:
@ important?
本来不想回答的,但是偶发现楼上回答有问题,会让人误解,偶更正一下 !important 表示高优先级。
IE6浏览器不认识 !important 。举例: 正常情况下,写在下面的样式优先级高于上面的样式 demo1{ color:red; color:green; /*绿色的优先级高于红色,所有浏览器都会显示绿色*/ } 加了!important 那么它的优先级会比较高,ie6比较傻,不认识。demo2{ color:red !important; /*除了ie6,其他浏览器会认为红色优先级高,显示红色字体*/ color:green; /*ie6浏览器则顺序读取css所以显示绿色*/ } 但是注意,IE6不认识!important的优先级,但并不代表IE6不认识带!important的样式属性。demo3{ color:red; color:green !important; /*包括IE6,所有浏览器都显示绿色字体,ie6只是不认识优先级罢了*/ }@ css如何设置两个类名?
css设置两个类名很简单,需要两个步骤:
一,样式表css定义两个类如下:.FontRed{color:red;}
.FontSize{font-size:250%}
二,body内引用
<p class="FontRed FontSize">偶是红色变大的字体</p>class类的使用:选择符.类别名 {属性:值}
类别名将可以在HTML的标识符里引用:
<标识符 class=类别名>网页内容
类的特性继承、多态、重载、封装,所以使用时要考虑优先级!