365bet官网

欢迎来访,365bet官网第一娱乐服务平台!

365bet官网:五个网站制作中常见CSS应用技巧实例分

来源:未知 作者:365bet官网 人气: 发布时间:2019-03-11
摘要:365bet官网 随着近几年来Web标准的流行,css也逐渐有原先辅助的角色转变成了各大网站编程的重要组成部分一直。它很好地将样式与内容分离,使得后期的版面维护与更新工作得以更加地

  365bet官网随着近几年来Web标准的流行,css也逐渐有原先辅助的角色转变成了各大网站编程的重要组成部分一直。它很好地将样式与内容分离,使得后期的版面维护与更新工作得以更加地便捷!本文将给大家介绍5个有关CSS的实用技巧。

  !important是用来将css属性的优先权提升到之高无上的地步,任何多余的装饰在!important的面前都无用无知地。使用方法:

  每个网站都有一个logo,如果使用a标签直接包含logo图片,这样的做法对搜索引擎不太友好。此时,我们可以用a标签包含一段文字,通过css来的background属性来隐藏文字,同时设置a标签的背景图片为logo图片,这样可以更加友好地优化了网站。

  width:120px; //此处的宽度和高度与logo图片的宽度和高度一致即可

  在网站的布局设置时,经常会出现通过浮动来布局网站内容的分布。但若该元素浮动后,它就脱离了它的父亲的管束,会导致它的父亲的高度为0。为了不是父亲的后面的兄弟们的布局出现问题,此时需要对父亲清除浮动.方法有二:

  01. 在父亲的浮动儿子后面插入一个块级元素,如div,设置该div的css为clear,编写css:

  若有一个h3包含的标题,你设置了它的高度为30px,就会发现它是居上边显示的,此时你只需结合line-heigth属性即可实现居中效果:

  大家都知道有个属性text-align:center;可以是文本居中,该属性在ie6下也可以实现将网站的整体居中显示。但在标准浏览器中,该 属性是不起作用的。在标准浏览器中却可以使用margin:0 auto;属性是网站的整体内容居中,但该属性在IE6中却不能识别,所以为了兼容多浏览器,可以组合使用:

  text-align:left; //在标准浏览器中,先须将文章的内容居左显示

最火资讯

Copyright © 2002-2019 365bet官网_365bet欢迎您 版权所有 网站 地图