1.盒子模型属性
width:宽
height:高
border:边框
padding:内边框
margin:外边框
2.边框
border:边框
border-color:边框颜色
border-width:边框宽度
border-style:边框风格
注意:边框可以分为上,下,左,右四个,可以分别设置值
border-color:red green blue yellow
3.外边距
margin(top/right/left/bottom)
4.内边距
padding(top/right/left/bottom)
5.display属性
display
none:表示隐藏元素
block:块级元素(显示)
inline:内联元素(显示)
<html> <head></head> <title></title> <style type="text/css"> #music span{ display:block; padding-left:5px; } #music div{ padding-left:5px; } #music .song-1{display:inline;} #music .song-2{display:none;} </style> <body> <div id="music"> <h1>最炫民族风</h1> <p>演唱:凤凰传奇</p> <span>苍茫的天涯是我的爱</span> <span>绵绵的青山脚下花正开</span> <span>什么样的节奏是最呀最摇摆</span> <span>什么样的歌声才是最开怀</span> <span>弯弯的河水从天上来</span> <div>留下那万紫千红一片海</div> <div class="song-1" >火辣辣的歌谣是我们的期待</div> <div class="song-1">一路边走边唱才是最自在</div> <div class="song-2">我们要唱就要唱得最痛快</div> <div>-----</div> </div> </body> </html> |
时间: 2024-10-07 06:13:07