首 页IT知识库翔宇问吧收藏本站
当前位置:翔宇亭IT乐园IT知识库WEBCSS
知识标题关闭所有内容预览 | 展开所有内容预览
  • CSS中让div自动适应内容的高度的解决方案 [内容预览] 100 | 2013-12-01
    我们在设计网页时,有时DIV标签的高度不能自动伸展,尤其是带边框的DIV,这样会使网页显得较为难看。本文转载的文章给出了相应的解决方案。 我们看下面的代码: <div id="main"> <div id="content"></div> </div>  当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但...

    [阅读全文]

  • IE6中网页双倍边距的问题解决方法 [内容预览] 75 | 2012-08-16
    IE6对CSS的支持有很多不尽人如意的地方,双倍边距就让很多CSS初学者头疼的问题,实际上有一个简单的方法。 问题描述:ie6中CSS的某样式设置浮动,同时又设置margin时,会出现双倍边距的问题,如: float:left;width:150px;margin:0 10px; 解决方法: 为其添加一个属性:display:inline;

    [阅读全文]

  • 网页设计中使用CSS正确设置行高 [内容预览] 390 | 2012-07-23
    在进行网页布局设计时,我们经常为行高问题而纠结,如果设计不好,网页中的内容显得拥挤或过宽,在视觉上显得不够美观。下面给出一个比较通用的行高设计方法。 网页布局中的行高是定义一行文本的高度,其高度应由文本的大小来决定。一般来说,在设置文本行高的时候,我经常在字体大小的基础上加上5-7个像素(对12-17像素的字体而言)。下面是在CSS中指定行高的一个方法。 body{ font-size:1...

    [阅读全文]

  • [图文] CSS伪元素before的使用方法 [内容预览] 145 | 2012-05-07
    伪元素before是在css2中添加的新元素,并在以后的版本中不断得到完善,其主要目的是在元素的前面插入内容。 使用这个伪元素可以在指定内容前加入文字、图片、声音以及其他特效等。 例如,在某个元素前面加入图片内容: p.list{border-bottom:#ccc dotted 1px;} p.list:before{content:url(icon.gif); margin-left:...

    [阅读全文]

  • CSS伪元素first-letter的使用方法 [内容预览] 55 | 2012-05-05
    CSS伪元素first-letter用来设置段落的第一个字母(中文是第一个文字)的样式,如设置"词首大写"、"大写字母下沉"等样式。 first-letter样式可以使用的属性包括:font, text-decoration, text-transform, letter-spacing, word-spacing (仅当appropriate), line-height, float, ver...

    [阅读全文]

  • CSS伪元素first-line的使用方法 [内容预览] 73 | 2012-05-05
    CSS伪元素是CSS选择符的一部分,由于其不是CSS真正的元素,就称之为伪元素。在特殊情况下,可以实现不错的效果。 first-line伪元素,用于匹配一个段落的第一行的样式 可以应用在first-line中的属性包括:font,color,background,word-spacing,letter-spacing,text-decoration,vertical-align,text-tra...

    [阅读全文]

  • CSS背景图像属性解读 [内容预览] 44 | 2012-04-23
    CSS的背景属性“background”提供了众多属性值,如颜色、图像、定位等,为网页背景图像的定义提供了极大的便利。看看background提供的属性值: background : background-color | background-image | background-repeat | background-attachment | background-position ...

    [阅读全文]

  • 使用CSS实现简单的进度条 [内容预览] 58 | 2012-01-27
    有时,在装载网页时,我们需要制作一个进度条,实际上,这个进度条完全可以使用CSS来实现,下面就给促具体的代码: CSS源代码如下: <style> #graphbox{ border:1px solid #e7e7e7; padding:10px; width:250px; background-color:#f8f8f8; margin:5px 0; } #graphbox ...

    [阅读全文]

  • CSS3中Border-radius属性的运用方法 [内容预览] 89 | 2012-01-26
    在CSS3中,Border-radius属性用来设置边框的圆角。是CSS3中级别最高的一个属性。 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 注意:请在Safari 5和IE9浏览器中执行“border-radius”语法。 这个属性可以做一个圆。 -moz-border-radi...

    [阅读全文]

  • DIV+CSS开发网站要进行浏览器测试 [内容预览] 71 | 2011-12-27
    我们在使用DIV+CSS制作网站时,经常要进行浏览器的测试,这主要是因为用户使用的浏览器是不同的,不同的浏览器对CSS的支持也是不同的,造成用户在使用浏览器浏览网站时可能造成不同的效果,甚至页面是混乱的。 因此,我们在制作网站时,首先要分析网站的主要用户是谁,这些用户可能使用什么浏览器。 使用XP系统用户一般安装时候系统自带IE6浏览器,因为IE6简单和用户习惯使用IE6浏览器,有的用户使用了...

    [阅读全文]

  • CSS网页布局时需要注意的几个地方 [内容预览] 50 | 2011-12-12
    1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 3. 用删除法确定错误发生的位置 如果错误影响...

    [阅读全文]

  • 使用word-wrap和word-break让网页中长英文字符串自动换行 [内容预览] 229 | 2011-11-20
    在制作网页或为网站添加内容时,我们可能遇到这种情况,当较长的英文字符串或数字字符串不会自动换行,从而撑破块的宽度,这样使得文档的布局显得非常凌乱,本文将会告诉你解决此类问题的方法。 实际上,在我们进行维护网页时,当输入的内容达到块的宽度时,汉字可以很好地自动进行换行,而数字和英文字符不行,这主要是为了保持数字和英文串的完整性,但这会撑破块的宽度,从而造成网页布局非常难看,解决的方法就是借助样式表...

    [阅读全文]

  • 使用CSS实现改变鼠标的形状 [内容预览] 146 | 2011-10-23
    有时,我们需要在不同的地方使用不同的鼠标指针,如当用户鼠标滑过问题时可以使用问号鼠标指针,当用户在玩javascript游戏射击时,可以把鼠标设置成十字形状等等,这如何实现呢?实际上这很简单,使用CSS可以轻松的控制鼠标的指针,下面是常用的鼠标指针控制方法: <span style="cursor:hand">手形</span>  <span style="cursor:crosshair">...

    [阅读全文]

  • IE6绝对定位的bug及其解决办法 [内容预览] 141 | 2011-03-03
    IE6绝对定位的bug及其解决办法。position:absolute定位在IE6下存在left和bottom的定位错误问题: <!–IE6下的left定位错误–> <div style=”position:relative;border:1px solid orange;text-align:center;”> <a href=”http://www.biye5u...

    [阅读全文]

  • div+css网站对SEO有什么好处 [内容预览] 50 | 2011-03-03
    以前,在我眼里,DIV和CSS只是网页设计中的一个标签及样式表文件,偶尔一天,看到网上谈论DIV+CSS的人越来越多,才恍然知道,现在DIV+CSS几乎成立设计网站的标准,那么,DIV+CSS对制作网站和SEO有什么好处呢?下面搜集了一些以共享 (1)css+div将样式与表现分开,更易于管理; (2)css+div 源码结构也简单,页面执行效率高,网页加载速度快。 (3)内容与CSS分开,...

    [阅读全文]

  • 如何让子DIV在父DIV的低端 [内容预览] 292 | 2010-08-09
    本文通过使用CSS控制子DIV显示在父DIV的低端,具体思路: 父div的位置设置成相对的,即“position: relative;”。而子div的位置设置成绝对的,并且下边缘设为0,即“position: absolute; bottom: 0;”。 代码: <head> <title>子div在父div中置底</title> <style type="text/css"> ...

    [阅读全文]

  • CSS中颜色的设置 [内容预览] 122 | 2010-04-28
    大量地使用图片可能会使网页富有生气。但是,每一个上过网的人都有为等待一个图片而焦急不安的经历。其实,适当地在不同的部位使用不同的颜色,也能起到类似图片的效果,把读者的注意力吸引到关键的部分,然而,下载网页的时间却大幅度地减少了。 color属性用来定义一个元素的前景颜色,在大多数情况下,这个元素中所包含的使文本对象。使用color属性同时还可以用来决定一个元素边框的颜色。通用的定义颜色的语法是:...

    [阅读全文]

  • CSS中常用的单位 [内容预览] 43 | 2010-04-28
    在进行CSS设计时,我们会用到各种各样的单位,下面就分别进行了详细的介绍。 长度单位是Web页设计中最常用的一个单位。一个排列无序、杂乱无章的页面不可能给人们留下什么好的印象。于是,在设计的时候需要为元素的位置、尺寸精确地定义一些值,以使其达到预期的效果。 CSS给予人们精确控制网页的能力,这一点为人们津津乐道。它允许人们定义外观、尺寸、空间及其他的样式。但是,CSS所给出的控制同时也是一个危...

    [阅读全文]

  • 如何使用css制作文字环绕效果 [内容预览] 339 | 2010-03-13
    我们经常看见大站的广告都是放在内容中间实现文字环绕的呢,一般普通小站广告只能放在内容开 头或者结尾,也许大站的cms系统带这个功能吧,我们小站常用cms的基本没这个功能,因为内容标签里面不可能再自动加入一个广告标签,除非你添加文章的时候手动编辑,那不累死。 翔宇亭 IT乐园---提供电脑技术文章|变成技术|办公技巧|网页设计技术|数据库技术|网络技术|幽默笑话|搞笑动画|搞笑事频|爆笑网文 |励...

    [阅读全文]

总数:1930 上一页1下一页
关于本站 | 网站帮助 | 广告合作 | 网站声明 | 友情连接 | 网站地图 | 用户守则 | 联系我们
本站部分内容来自互联网,如有侵权,请来信告之,谢谢!
Copyright © 2007-2017 biye5u.com. All Rights Reserved.
网站备案号:黑ICP备13005378号-3