-
以旧换新的css滤镜
所属栏目:[经验] 日期:2018-09-07 热度:101
嗯,不是以旧换新,是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时,其实ie下的滤镜早已默默的实现了相似的功能。OK,话不多说,让我们挨个来看一下。 界面滤镜: AlphaImageLoader: 语法: filter:progid:DXImageTran[详细]
-
浅谈 Iframe 和 FRAME 的区别
所属栏目:[经验] 日期:2018-09-07 热度:127
一、Iframe标记的使用 提起Iframe,可能你早已将之扔到被遗忘的角落了,不过,说起其兄弟Frame就不会陌生了。Frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地[详细]
-
GridView截取超过一定宽度的字符
所属栏目:[经验] 日期:2018-09-07 热度:182
方法1:css处理: a { width: 80px; overflow: hidden; /*注意不要写在最后了*/ white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } a:hover { text-decoration: none; color: #000; } a href=# style=display:block; ;text-dec[详细]
-
分析border边框属性在浏览器中的渲染方式
所属栏目:[经验] 日期:2018-09-07 热度:126
分析border边框属性在浏览器中的渲染方式 首发小志博客,如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL,谢谢! 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论,而我也一直以border:0 no[详细]
-
href="#"与href="javascript:void(0)"的区别
所属栏目:[经验] 日期:2018-09-07 热度:186
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 你可使用如下例子来测试[详细]
-
Web开发之CSS和Table布局的争论
所属栏目:[经验] 日期:2018-08-30 热度:146
烈火建站学院(LieHuo.Net)讯 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面: 一[详细]
-
Css 优先级问题分析
所属栏目:[经验] 日期:2018-08-30 热度:125
css优先级的四大原则: 原则一: 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1: CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号?/span 运行结果:.cla[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目:[经验] 日期:2018-08-30 热度:129
--------------------------------------------------css部分----------------------------------- #demo{overflow:hidden;;text-align:center;padding:10px;} #demo img{border:none;border:5px solid #f4f4f4} #enlarge_images{position:absolute;displa[详细]
-
CSS 的重用性写法探索
所属栏目:[经验] 日期:2018-08-30 热度:76
在css的构建过程中,我们经常会定义某种属性,而这些属性又在多处使用。如字体的大小,颜色等。那么我们怎么样才可以最大限度的重用呢? 本讨论中,列举使用这两个属性(字体大小,颜色)的例子。如我们需要定义一段红色,字体大小为14px的段落。 通常可以[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目:[经验] 日期:2018-08-30 热度:183
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目:[经验] 日期:2018-08-30 热度:150
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目:[经验] 日期:2018-08-30 热度:160
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目:[经验] 日期:2018-08-30 热度:158
摘要 昨天去178.com公司参加笔试,对CSS仅有一道题,要求是写CSS,在IE6/IE7/FF三款浏览器下显示不同的效果,本来是能写滴,可没想到竟然是选择题,而且用到了子选择器,这下完了,这语法很少见到,所以平时也不怎么关注,没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目:[经验] 日期:2018-08-30 热度:150
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和 Firefox 存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
-
CSS+DIV定位浅析
所属栏目:[经验] 日期:2018-08-30 热度:152
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static:默认值。没有定位,元素出[详细]
-
HTML页面中标签的语义与使用位置
所属栏目:[经验] 日期:2018-08-20 热度:57
我们在52CSS.com的文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢? 在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索[详细]
-
css教程:网页字体及字体大小的设计
所属栏目:[经验] 日期:2018-08-20 热度:78
在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪![详细]
-
CSS3属性选择符介绍
所属栏目:[经验] 日期:2018-08-20 热度:158
英文原文: http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/ 中文翻译: http://www.dudo.org/article.asp?id=197 注:本文写于2006年1月,当时IE7、 IE8 和 Firefox 3还未发行,文中所有说的浏览器支持均未包括这三个版本的浏[详细]
-
CSS Alpha透明相关知识学习
所属栏目:[经验] 日期:2018-08-20 热度:133
图片的透明效果是网页中需要用到的一种特殊形式,虽然不是非常的常用,但是遇到这样的需求往往有点措手不及,在webjx.com的文章中虽然有这方面的CSS实例,但还没有系统的介绍过CSS Alpha透明,我们今天共同学习一下相关的知识。 关于CSS Alpha透明的相关知[详细]
-
CSS教程:表格的nobr终极解决方案
所属栏目:[经验] 日期:2018-08-20 热度:65
当你准备全面进军web标准时,有时候你是不是被表格的弄得焦头烂额呢?比如,原来使用非法的nobr现在要用什么来代替呢?今天,就让我来一个终极解决方案。 或许你已经Google到white-space: nowrap可以实现nobr,不错,但关键还有一个,那就是table-layout.[详细]
-
CSS元素的层叠与z-index设置
所属栏目:[经验] 日期:2018-08-20 热度:139
我们在文章的更新中,特别注重对新手的辅导,但webjx.com面对的是广大的开发人员,大家可能会遇到各种各样的问题,有些问题很不常见,或者应用的很少,但我们依然有必要学习更多的CSS布局知识与技术,以应对可能出现的复杂多变的CSS内外形势(挺汗)。今天[详细]
-
CSS网页布局的好处与坏处
所属栏目:[经验] 日期:2018-08-20 热度:100
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,webjx.com也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,[详细]
-
div+css制作网页实战笔记心得
所属栏目:[经验] 日期:2018-08-20 热度:151
以下的内容是一位网友的DIV CSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多,如果能在webjx.com与大家共同交流,相信进步就更快了。大家一起努力! 最近在做一个魔术网的div+css切割,昨晚发现[详细]
-
关于W3C CSS标准的一些经验
所属栏目:[经验] 日期:2018-08-20 热度:128
总结出关于W3C CSS标准的一些经验: 一、少用偏门。类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。 二、center不是float的值。很多新手都会把center误认为是float的值,[详细]
-
css技巧:经典常用CSS使用技巧几则
所属栏目:[经验] 日期:2018-08-20 热度:71
使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。 清除容器浮动 #main { overflow:hidden; } 期前也提到过这样的问题,更多信息可以[详细]

浙公网安备 33038102330456号