建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > DIV+CSS教程 > DIV CSS教程 >
  • 利用CSS同比例缩小图片技巧
    0阅读
    当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本,以上两条CSS属性均...
  • CSS文章列表切换选项卡效果实例
    0阅读
    本文实例讲述了CSS文章列表切换选项卡效果实现方法。分享给大家供大家参考。具体分析如下: 这是一款很不错的文章列表效果,类似选项卡一样的功能,这一个有点特别,就是把鼠标点击的菜单放到了右边,有一个小箭头指示当前怎位置,使文章结构更加清淅,确实很不错。 代码如下: html head meta htt...
  • 使用CSS去掉超链接的虚线边框的方法
    0阅读
    在前端制作的过程中会发现,一些文字/图片链接,或者一些input控件,在点击时会在周围出现虚线边框,一般会在火狐和IE浏览器下出现虚线框,谷歌下不会有。 这些虚线边框是作为对视觉设计的一种辅助,在不使用鼠标,而用键盘Tab键进行页面浏览时,会标示出当前所在的链接或控件的位置,便于浏览。这对那些视觉有...
  • 纯css实现的tab切换效果
    0阅读
    其实是使用锚点作为标记,通过点击实现了切换。css代码 代码如下: body,div,ul,li{margin:0; padding:0; font-size:12px;} .clearFloat{ clear:both; height:0; line-height:0; font-size:0;}...
  • 你可能不知道的7个CSS单位
    0阅读
    如果你是一名前端开发工程师,一般px和em使用频率比较高。但是今天本文的重点是介绍一些我们使用很少、甚至么有听说的单位。 一、重温em style type=text/css body {font-size: 12px;} div {font-size: 1.5em;} /style body di...
  • div中内容上下居中小结
    0阅读
    虽然div中内容上下居中的问题已经是一个比较古老的话题,但是最近发现还是有很多前端开发者在询问如何实现。其实网络上已经有很多资料和案例了,我这里再总结一下几个比较常见的处理方式。 情形一:div限高,内容长度限一行 代码如下: style .v-align { margin: 0 auto; wid...
  • 用CSS样式描述表格Table边框
    0阅读
    表格边框的处理是CSS网页布局中经常会遇到的内容,在webjx.com中也有过相关的介绍,除了将表格作为一个整体进行定义,您也可以将表格边框的四个部分分别进行定义,包括顶部、底部、左边和右边。列表B中的代码将刚才的例子中的表格分成四个部分单独定义。 htmlheadtitleHTMLTable/ti...
  • CSS关于解决图片元素下多余空白的BUG
    0阅读
    在进行页面的DIV+CSS排版时,遇到浏览器中的图片元素img下出现多余空白的问题绝对是常见的。对于该问题的解决方法也是“见机行事”,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳,供大家参考。 1、将图片转换为块级对象 即,设置img为...
  • 用CSS实现表单form布局
    0阅读
    style type=text/css label{ float: left; width: 80px; } form{margin:0px} input{ width: 180px; border:1px solid #808080 } textarea{ width: 250px; height...
  • css特性:空白外边距互相叠加
    0阅读
    白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦. 先看如下demo代码: !doctype html html head meta charset=utf-8 title空白边距叠加demo@Mr.Think/title style body{w...
 
QQ在线咨询
×
欢迎您登陆建站学习网
QQ一键登陆 建站学习网账号登录