css 文字竖排显示,css 不为空,css长度怎么写,css宽度取剩余部分,css图片太大怎么处理,用css设置标题居中显示,css3 div 立体效果
@ css如何设置两个类名?
css设置两个类名很简单,需要两个步骤:
一,样式表css定义两个类如下:.FontRed{color:red;}
.FontSize{font-size:250%}
二,body内引用
<p class="FontRed FontSize">偶是红色变大的字体</p>class类的使用:选择符.类别名 {属性:值}
类别名将可以在HTML的标识符里引用:
<标识符 class=类别名>网页内容
类的特性继承、多态、重载、封装,所以使用时要考虑优先级!
@ css后代选择器可以写几个?
css后代选择器可以写5个,本来css的后代选择器可以选择多个,但是层级越深,效率越低,所以最好写5个就行
@ 怎样区分后代选择器和子代选择器?
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;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙,后代是一代传一代。
子代选择器时效果图:
后代选择器时效果图: