当前位置: 首页 > 网络学院 > 网页制作 > Css教程 >
  • div在最顶层/div层在最上层的方法(附div最底层方法) 日期:2015-10-01  点击:40  评论:0

    div置 style 中 z-index:auto auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:9999。 若定义为-1,代表为最底层。 另: 若是会被一些FLASH文件给遮住,可将flash对象的参数wmode设置为transparent即可。...

  • CSS实现li横向居中显示的方法 日期:2015-04-22  点击:78  评论:0

    先给一个简单的示例HTML代码 div class = title ul li 标题一 / li li 标题二 / li li 标题三 / li li 标题四 / li li 标题五 / li / ul / div 以前为了让li中的元素横向并列展示,总是对li设置float:left。效果如下。 但是我想让标题居中显示是除了设置marg...

  • 实现ul中的li居中的多种方式及其利弊 日期:2015-04-22  点击:25  评论:0

    div class = Box ul li 我是居中 / li li 我是居中 / li li 我是居中 / li li 我是居中 / li li 我是居中 / li li 我是居中 / li li 我是居中 / li / ul / div 1.关键词: margin or padding 这种方式居中很纠结,适应能力差,margin大小和padding大小都必须...

  • 利用CSS3后代选择器和CSS3伪类制作的无JS的纯CSS选项卡 [ie8+] 日期:2015-04-11  点击:107  评论:0

    写在最前 今天突发其想, css实现元素的显隐以及纯CSS实现选项卡 ,于是呼百度GG一番,结果还晨鑫旭大哥网站上找到了方法,自己稍加整理内容如下,其运用到的技术CSS的~同级元素高级选择器和css3的:checkbox伪类,:checkbox其实就是表单元素checkbox的选中状...

  • 分析CSS设置字体到网站字体解析渲染过程 日期:2015-04-11  点击:123  评论:0

    前言 我们知道同一种字体在不同浏览器上的表现有可能是不同的,除了浏览器,还有哪些导致表现不同的因素呢?不同系统下字形的渲染也是不一样的,根本原因是什么呢?我们希望各浏览器下字体排版一致,实现的话有完美的方案吗? 带着这些问题我们来看看字体渲...

  • 从四大CSS框架 学习网站如何规划css 日期:2015-04-11  点击:65  评论:0

    现在很多人会使用 CSS框架进行快速建站。 那 CSS框架是什么呢,它通常是一些 CSS文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS框架大大降低工作成本进行快速建站。 当然对于一些大型的项目,可能会很难照搬某些框架...

  • html+CSS实例教程 常见图集翻页前后查看图片效果 日期:2015-04-11  点击:258  评论:0

    今天转载的为旭哥的图集翻页前后查看图片效果,其实这种图集预览效果互联网运用比较多的,像 新浪, QQ,网易等图集都是这种类型的,但这个教程中有一个亮点就是右击可以保存图片,详细看完后你就会明白。 回到自己真正感兴趣的技术,对大新浪围脖大图片大浏...

  • css Cursor:url()自定义鼠标指针样式为图片 日期:2015-04-11  点击:1728  评论:0

    css自定义鼠标指针样式为图片Cursor:url()的使用,今天在项目中,要用到自定义鼠标样式,格式: css:{cursor:url(绝对路径的图片(格式:cur,ico)),-moz-zoom-out;}//FF下面 css:{cursor:url(绝对路径),auto;}//IE,FF,chrome浏览器都可以 前面url是自定义鼠标...

  • 利用Js或Css滤镜实现IE6中PNG图片半透明效果 IE6PNG妥妥的 日期:2015-04-11  点击:83  评论:0

    说到IE6,所有WEB开发人员无不咬牙切齿,痛心疾首,javascript,css各种兼容问题有没有,其实在国外IE6基本上消失了的,只有在天朝IE6的使用率到目前(2013-6-19)还相当的高。 且看百度统计IE6使用情况数据图标如下 IE6浏览器市场占用率16%,可以看到IE6的份...

  • CSS高级选择器:nth-child()应用大全 日期:2015-04-11  点击:39  评论:0

    详解CSS中:nth-child的用法 前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“ :nth-child ”。 下面我将用几个典型的实例来给大家讲解:nth-child的实际用途: Tips: 还用低版本的IE浏览器...

  • firebug修改A标签链接:hover状态的css样式 日期:2015-04-11  点击:131  评论:0

    firebug是火狐浏览器firefox的一个插件,firebug可以调试html,css,javascript,是网站前台开发不可或缺的调试工具,尤其调用JS的功能强大 firebug 如果你还没有安装firebug,可以直接打开官网安装体验下,而本文主要介绍firebug的一个功能,因为之前一直用fi...

  • css实现图片在div中居中的效果 日期:2014-12-20  点击:33  评论:0

    利用图片的margin属性将图片水平居中,利用div的padding属性将图片垂直居中。 结构代码同上; css代码如下: div{ width : 300px ; height : 150px ; background-color : #eee ; padding-top : 50px ; border : #000 1px solid ;} img{ display : block ; ma...

  • 图片居中的CSS方法 日期:2014-12-20  点击:22  评论:0

    如果是应用了表格,那么设置单元格为align=center就可以使其中的一切内容居中。如果没有应用表格要想设置图片居中就有点困难了。困难来自不按常规出牌的浏览器。按照CSS标准,只要设置了图片容器的CSS属性为 display:table-cell;vertical-align:middle;text-...

  • 前端开发必备 40款优秀CSS代码编写工具推荐 日期:2014-07-22  点击:164  评论:0

    本文是对外文《 40 CSS Tools to Improve Your Productivity 》的编译内容。 CSS工具是开发者和设计者所不可缺少的,它们不仅简化了工作流,还可提高CSS编写速度。本文将列举40种CSS工具,功能涉及CSS菜单、动画、3D图形、响应式页面、图层、按钮等界面元素...

  • 网页设计师应该掌握的20个基础的css3技术 日期:2013-10-22  点击:182  评论:0

    设计师千万不要总觉得CSS3还离我们特别遥远,其实如果你有兴趣的话,完全可以学习了解一些简单的CSS3技术。 你知道的,国内的行情就是如此:所有的公司都会希望你在前端技术上懂的越多越好。那设计师学习前端代码是否就是天方夜谭呢?其实并不如此。就像我们...

  • 为什么设置了no-repeat 网页图片还是重复显示? 日期:2013-10-15  点击:610  评论:0

    问:我在写代码的时候,已经对背景图片的代码设置了no-repeat,为什么背景图片还是一直重复平铺呢? 答:默认状态下,图片是重复显示的,那可能是您代码写的不正确,如果代码不正确,还是会按默认的重复显示。请仔细检查自己的代码是否格式正确。...

  • css里no-repeat熟悉后面的数字是什么意思?怎么用? 日期:2013-10-15  点击:4017  评论:0

    问:css里no-repeat后面的数字是什么意思,如这段代码BODY style=background:url(http://www.szdingshuo.com/images/logo.gif) no-repeat 80px 0;中80px和0是什么意思? 答:80px和0起到的作用就是来告诉你图片放在什么位置的。默认情况下,如果您不设置后面的数字...

  • 菜鸟学css css里的no-repeat是什么意思? 日期:2013-10-15  点击:324  评论:0

    css里看到有一个属性no-repeat是什么意思呢?我知道repeat当然是重复的意思了,no-repeat就是不重复,只是不明白不重复是怎样的一个效果? 答:正如你所说no-repeat就是不重复的意思,这个属性一般是来控制图片的,如果在网页上背景上填充一张图片,如果不加...

  • css让图片等比例缩小的代码 日期:2013-10-10  点击:173  评论:0

    随着智能手机的增多,手机网站也可以做的更加个性化,最近在改版自己的手机网站 这其中,遇到了网站图片尺寸问题,手机屏幕都比较小,怎么让上传的规则不一的图片在手机上显示的更加美观呢? 那就利用css的强大功能吧。 先附上代码: img { max-width:500px;...

  • 很好的网易CSS框架NEC 兼容所有主流浏览器含IE6 日期:2013-07-06  点击:11168  评论:0

    国产的非常棒的CSS方案,可以大量减轻了WEB前段工程师的工作!68365365.com小编已经亲自体验过,很久不做页面,有了它,做页面再也不那么费劲了,推荐大家使用! 特色功能 : Nice+Easy=Better读规范,让你的代码更具智慧和美丽的方法 用框架,选择一份合适的HTML...

  • 使用 CSS3 的褪色和动画效果构建消息提醒框 日期:2013-06-10  点击:307  评论:0

    现代Web设计技术允许开发者快速实现大多数浏览器支持的动画。我想警告消息是很常见的,因为默认的JavaScript警告框的样式往往(与你自己设计的漂亮样式)很不协调很囧。这使开发者步入找出哪种解决方案能更好地实现更友好的用户界面的道路。 在这个教程中我...

  • 去除点击链接时出现的虚线框 日期:2013-05-20  点击:282  评论:0

    链接在被点击时会出现虚线框,即使松开了也仍然存在,在有的时候显得不美观。既然不好看,那就不要它。怎样去掉呢? 方法一 IE下可使用其私有的html属性:hideFoucs,在标签的结构中加入hidefocus=true属性。即: a href=http://www.szdingshuo.com/ hidefocus=tru...

  • 用纯CSS代码创建日历图标 日期:2013-04-08  点击:222  评论:0

    今天我介绍采用纯CSS的方式来创建一个日历图标,你可以将其用在博客日志或者其它地方。自己也是学来的,但是效果是图片级的。如题所述,不在炫技,重在抛砖引玉。最终效果如下: 和从前一样,先看DEMO: http://www.paper-rater.com/jian-ce/css-calendar-ic...

  • css中hideFocus的用法 日期:2013-01-10  点击:168  评论:0

    简单说:hideFocus是对超链接外虚线框的设定! hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus=this.blur() 它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFocus。 你给的代码如果没有hideFocus,那么鼠标点击该超...

  • 解决css中英文字母和汉字行高不同的问题 日期:2013-01-10  点击:153  评论:0

    最近在写一个css的时候遇到一个问题:英文字母和汉字的行高不一样,导致在全汉字、全英文字母以及汉字字母混合时设置好的margin或padding 属性出现偏差当然这种情况之存在于IE浏览器,Safari、Google Chrome、Firefox、Opera均不存在类似的问题 产生的原因:...

  • 弹出层被下拉菜单遮挡的iframe解决方法 日期:2013-01-02  点击:3861  评论:0

    由于通常使用的下拉菜单使用的是层来制作,所以通常被优先级更高的下拉框遮挡住,为了解决这个问题,我们需要优先级更高的IFrame,以下是源代码 html head meta http-equiv = Content-Type content = text/html;charset=gb2312 title demo / title style typ...

  • IE6弹出层盖不住下拉菜单的解决方法 日期:2013-01-02  点击:390  评论:0

    使用iframe方式解决,如下例子 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns = http://www.w3.org/1999/xhtml head style type = text/css body{margin:0;padding:0;text-ali...

  • 如何在一堆框架(Frame)上弹出div层 日期:2013-01-02  点击:4056  评论:0

    框架Frame,不知道现在还有多少人会用,至少我学用html到现在,只是知道有这种东西存在,却没见到也没用到过。上周终于碰到个机会让我一窥框架是个啥东西,然后由于项目的需要,我得做个div层置于所有的框架之上,做成下拉菜单的效果。折腾了一下,就记在这...

  • 十套非常漂亮的CSS3按钮样式 无需图片 日期:2012-11-16  点击:6539  评论:0

    68365365.com小编也使用了其中一部分,非常不错,很漂亮,唯一可惜的是不能兼容所有的浏览器,尤其在IE下。 1. 漂亮的CSS3按钮 2. 放射效果按钮 3. CSS3立体按钮 4. 基于伪元素的CSS按钮 5. Github风格的按钮 6. 社交媒体按钮 7. 糖果风格按钮 8. 基于RGBA的CSS3按...

  • CSS代码优化(详七条) 日期:2012-09-04  点击:298  评论:0

    作为网页设计师(前端工程师),你可能还记得曾经的那个网页大小建议:一个网页(包括HTML、CSS、Javacript、Flash和图片)尽量不要超过30KB的大小,随着互联网的日益庞大,网络带宽也在飞速发展,很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎...