CSS学习笔记
对齐
利用 margin 属性来水平对齐
<!DOCTYPE html>
<html>
<head>
<style>
.center
{
margin:auto; //自动分配使左右两边margin值相等
width:70%; //width属性减少了30%，这30%分配给了margin
background-color:#b0e0e6;
}
</style>
</head>
<body>
<div class="center">
<p>这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。</p>
<p>这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。</p>
</div>
<p><b>注释：</b>除非已经声明了 !DOCTYPE，否则使用 margin:auto 在 IE8 以及更早的版本中是无效的。</p>
</body>
</html>
鼠标光标
span.wait {cursor:wait;}设置成为沙漏状
span.help {cursor:help;}设置问号
display
visibility
{visibility:hidden;}不可见的元素也会占据页面上的空间。
{display:none;}来创建不占据页面空间的不可见元素。
导航
a
{
display:block; //把链接显示为块元素可使整个链接区域可点击（不仅仅是文本），同时也允许我们规定宽度
width:60px; //块元素默认占用全部可用宽度。我们需要规定 60 像素的宽度
}
构建水平导航：
li
{
display:inline;
}
或
li
{
float:left;
}
a
{
display:block;
width:60px;
}
扫一扫
1003
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
