相关文章
做GOOGLE月入一万RMB提示交流
企通互联Photoshop精细制作Vista风格网站导航条
北京网站建设图片与容器下边界有空隙的解决方法
北京网站制作2007流行网站导航设计欣赏（二）
网站制作3DsMAX快速制作灯光光晕的方法和技巧
北京网站制作概念设计和设计师的综合思考
北京网页设计HTML语言剖析（十一）排版标记
北京网页设计全面认识网页中附加码的作用
网站设计FrontPage设计网页如何禁用JavaScript
网站设计个人网页中必不可少的十五大Web API
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网站设计北京网页设计学习网页标准制作网页之CSS混合布局应用
北京网站设计北京网页设计学习网页标准制作网页之CSS混合布局应用
一、Margin（框距）padding（边框距） 中国.站.长站
margin 网站设计属性设置顺序：上右下左 Www@Chinaz@com
padding属性设置顺序：上右下左 Chinaz~com
margin:25px 0 25px 0; Chinaz@com
简写：margin:25px 0;
二、Display显示属性设置
（1）、Display属性none (隐藏)
.alt {display:none;}
<span class=”alt”>Content List Part</span> 中国站长.站
（2）、Display属性block (块/区域)
Chinaz
Img {display:block;} 中国站长.站
<img href=”1.gif”></img>
Chinaz~com
块级元素：存在自身的“盒”中，后面跟随一个默认的回车
Chinaz_com
内联元素：是流的一部分，后面不跟随回车
（ 北京网站设计3）、Display属性inline 中.国.站.长.站
区别block元素，使用inline 北京网页设计状态时，显示方式按照内联元素显示
三、 动态链接属性设置：
a:link { 中国.站.长站
font-weight : bold; 中国.站. 网页设计长站
text-decoration : none; Www^Chinaz^com
color: #c30; Chinaz
background: transparent; Chinaz
} Chinaz_com
a:visited { Www~Chinaz~com
font-weight : bold;
站.长站
text-decoration : none; 中 北京网站建设.国.站长站
color: #c30; Www~Chinaz~com
background: transparent;
} 中国站.长站
a:hover { 站.长站
font-weight : bold; Www@Chinaz@com
text-decoration : underline;
Www@Chinaz@com
color: #f60; Chinaz^com
background: transparent;
Www~Chinaz~com
} 中国站长.站
a:active { Chinaz~com
font-weight : bold;
text-decoration : none;
Chinaz@com
color: #f90;
[中国站长站]
background: transparent;
}
（1）文字修饰属性（text-decoration）
Text-decoration:underline overline none; 中国.站长站
Underline:链接时有下划线 Chinaz.com
Overline:连接时有上划线 中国站长.站
None:连接时无下划线 中.国站长站
（2）动态连接属性顺序 Chinaz_com
（LVHA）－ LoVe－HA！ 站长.站
（3）IE/WINDOWS的伪装欺骗性 Chinaz.com
应避免使用a:active属性：出现bug 连接会出现冻结现象 Www.Chinaz.com
四、如何设置行高（line-height）
Line-height:1.5; Chinaz
五、如何设置文章位置（text-align） Www~Chinaz~com
可选择属性（left middle right） 站.长.站
IE6/WINDOWS的BUG会错误使文档居中
六、对于字体的完整CSS应用 Www~Chinaz~com
Font:13px/1.5 Georigia,”New Centeury Schoolbook”,Times,serif; Www~Chinaz~com
七、设置页面分界限
Www_Chinaz_com
（1）vertical-align:middle; 等于 <td valign=”middle”>设置垂直对齐
（2）background:none 等于 background:url(images/1.gif) repeat; [中国站长站]
www.qitongnet.com八、设置显示器设备
<style type=”text/css” media=”screen”> media属性
使用HTML4.01转换到XHTML1.0过渡式transitional
中国站.长.站
北京网站设计