学习网页标准制作网页之CSS混合布局应用

一、Margin（框距）padding（边框距）

margin属性设置顺序：上右下左

padding属性设置顺序：上右下左

margin:25px 0 25px 0;

简写：margin:25px 0;

二、Display显示属性设置

（1）、Display属性none (隐藏)

.alt {display:none;}

<span class=”alt”>Content List Part</span>

（2）、Display属性block (块/区域)

Img {display:block;}

<img href=”1.gif”></img>

块级元素：存在自身的“盒”中，后面跟随一个默认的回车

内联元素：是流的一部分，后面不跟随回车

（3）、Display属性inline

区别block元素，使用inline状态时，显示方式按照内联元素显示

三、 动态链接属性设置：

a:link {

font-weight : bold;

text-decoration : none;

color: #c30;

background: transparent;

}

a:visited {

font-weight : bold;

text-decoration : none;

color: #c30;

background: transparent;

}

a:hover {

font-weight : bold;

text-decoration : underline;

color: #f60;

background: transparent;

}

a:active {

font-weight : bold;

text-decoration : none;

color: #f90;

background: transparent;

}

（1）文字修饰属性（text-decoration）

Text-decoration:underline overline none;

Underline:链接时有下划线

Overline:连接时有上划线

None:连接时无下划线

（2）动态连接属性顺序

（LVHA）－ LoVe－HA！

（3）IE/WINDOWS的伪装欺骗性

应避免使用a:active属性：出现bug 连接会出现冻结现象

四、如何设置行高（line-height）

Line-height:1.5;

五、如何设置文章位置（text-align）

可选择属性（left middle right）

IE6/WINDOWS的BUG会错误使文档居中

六、对于字体的完整CSS应用

Font:13px/1.5 Georigia,”New Centeury Schoolbook”,Times,serif;

七、设置页面分界限

（1）vertical-align:middle; 等于 <td valign=”middle”>设置垂直对齐

（2）background:none 等于 background:url(images/1.gif) repeat;

八、设置显示器设备

<style type=”text/css” media=”screen”> media属性

使用HTML4.01转换到XHTML1.0过渡式transitional

关键词：

【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名： （新注册） 密　码： 匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有