-
简单实现css的div层居右的代码
所属栏目:[创业经验] 日期:2018-10-17 热度:155
CSS的对齐方式对刚接触CSS的朋友来说,比较难琢磨,有些想让怎么对齐偏不会对齐,搞的挺烦人,其实用好Float不只是元素浮动对齐的问题,希望通过这个窗口自适应居右的对齐实例,让CSS初学者明白其属性的定义。 代码如下: Copy to Clipboard 引用的内容:[[详细]
-
IE6不支持max-height的解决方法
所属栏目:[创业经验] 日期:2018-10-17 热度:71
罪恶的IE6不支持max-height属性,不过我们可以通过 jQuery 来解决IE6不支持max-height,jQuery的代码如下: $(.entry).each(function(){ if($(this)[0].scrollHeightgt;500) $(this).css({height:500px}); }); 原理: 在IE6中可以通过设定height来达到max-h[详细]
-
HTML解析原理:让页面变得更快一点
所属栏目:[创业经验] 日期:2018-10-17 热度:199
Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是,效率最低的 IE浏览器 仍然占领者绝大多数市场份额,这已经严重制约了互联网的发展(感叹一下:马赛克和IE阻碍人类文明发展的绊脚石!)。 简单地说,页面[详细]
-
CSS 边框重叠鼠标悬停效果
所属栏目:[创业经验] 日期:2018-10-17 热度:104
前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果,要实现鼠标移上后按钮边框换色,但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意: 如果看不明白,请移步参考淘宝搜索结果页面中的信用、价格两个排序按钮。http://s.taobao.com/search[详细]
-
一个Windows系统蓝屏界面的404错误页
所属栏目:[创业经验] 日期:2018-10-17 热度:191
搞怪的 404 错误页面会给人出人意料的感觉。 一直想给搞个出彩的 404 页面,却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面,被雷了一下。看看下面的这张 截图 ,像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的,就是[详细]
-
模块的opacity透明与PNG的阴影透明冲突
所属栏目:[创业经验] 日期:2018-10-17 热度:170
模块的透明设置:filter:alpha(opacity=80); opacity:0.8; PNG的透明设置:直接在制作PNF-24模式的图时留有透明度就可以 问题: 今天在处理F7Dialog2.0项目时发现一个问题,那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目:[创业经验] 日期:2018-10-17 热度:106
这个问题在网络上曾经谈论过无数次了,今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的,除非与JS挂钩时才使用,也就是说我们在编码过程中除非有JS要用到,就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
CSS3 Media Queries,媒介设备查询
所属栏目:[创业经验] 日期:2018-10-15 热度:72
允许通过 media 属性为不同媒介设备(如屏幕、打印机)指定专用样式表,而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备,并采用不同的样式表。例如,你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
-
CSS3学习之圆角box-shadow,阴影border-radius
所属栏目:[创业经验] 日期:2018-10-15 热度:55
最近经常玩 腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px )欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
-
media=screen 是什么意思 有什么用?
所属栏目:[创业经验] 日期:2018-10-15 热度:72
如果需要支持老版本的浏览器,那你就必须坚持使用css1的媒体描述符screen和print,到底是哪些老版本的浏览器,没有查。它们是相互排斥的,因此在为屏幕显示而生成页面的时候,浏览器会忽略掉打印样式表,反之亦然。所以,每个样式表都需要包含相同的样式选[详细]
-
FCKEditor安装SyntaxHighlighter插件实现代码高亮
所属栏目:[创业经验] 日期:2018-10-15 热度:194
最近在很多博客和IT知名网站上看到SyntaxHighlighter高亮显示的功能,于是也想在自己的网站用上这个亮点功能,本站用的是fckeditor编辑器,就想把这一功能和fck结合起来,实现代码高亮嵌入显示功能,将FCKeditor和dp.SyntaxHighlighter结合使用。 因此上网[详细]
-
怎样在Dreamweaver里插入视频文件
所属栏目:[创业经验] 日期:2018-10-15 热度:73
Dreamweaver本身并没有插入视频的功能,要想播放视频,可以直接在Dreamweaver的代码视图中插入如下代码: 1.avi格式 object classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2[详细]
-
又一例纯Css实现的圆角 代码简洁
所属栏目:[创业经验] 日期:2018-10-15 热度:133
感谢 www.52webui.com的投稿 以前,烈火发表过很多Css圆角的文章,有纯Css的,有Css+图像结合的,今天收到我爱设计网站长的投稿,是一款纯Css实现的圆角效果,代码简洁,没有太多美化,请大家学习与欣赏: Css部分: Copy to Clipboard 引用的内容:[www.v[详细]
-
CSS定位机制之一:普通流
所属栏目:[创业经验] 日期:2018-10-15 热度:66
原创。原文:http://www.swordair.com/blog/2010/08/415,转载请保留。 由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章,于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说,[详细]
-
css 美化 input 文本框与 button 按钮
所属栏目:[创业经验] 日期:2018-10-15 热度:199
我们会看到很多网站的文本输入框都非常漂亮哦,如taobao等,下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧,大家自己去测一下吧,很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目:[创业经验] 日期:2018-10-15 热度:128
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存,到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后,常常会出现客户端没有更新,导致显示出现问题。之前我一直使用时间戳参数的方法来解决: 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目:[创业经验] 日期:2018-10-15 热度:160
早上了解到一个名为css border三角的技术,纯css2实现,兼容各浏览器(包括Ie6),且效果非常好,当时即内牛满面,顿感牛人之强大。自己不敢不有样学样,赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
把Flash转成Javascript/HTML5
所属栏目:[创业经验] 日期:2018-09-25 热度:198
SmokeScreen是这样一个开源软件,它可以把Flash的swf文件转成 Java script/HTML5,它的口号是:Flash without plugin。为什么要这样做呢?它说主要是因主Apple的iPhone/iPod/iPad不支持flash,而且看似Steve Jobs也不愿意在以后支持flash。所以,他们搞了[详细]
-
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]
所属栏目:[创业经验] 日期:2018-09-16 热度:104
最近一段时间一直比较忙,已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来,共享一下。 在后台或OA系统中最常用到的布局往往是一个全屏布局,一般都是上中下三行两列布局,页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
-
什么是css sprite?原理优缺点及使用实例
所属栏目:[创业经验] 日期:2018-09-16 热度:89
关于CSS Sprite CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目:[创业经验] 日期:2018-09-16 热度:112
关于禁止右键的文章,烈火也曾经提到过几篇,相关代码都比较冗长,不够精简,在本文中我们来看一个js+css简单实现的代码,可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码: body{ -moz-user-select:none; hutia:expression(this.[详细]
-
图片自适应大小,超出部分自动隐藏缩略
所属栏目:[创业经验] 日期:2018-09-16 热度:64
在制作网站布局中,图片的自适应功能是一个非常重要的功能,一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现: max-width:600px; IE7、FF等其他非 IE浏览器 下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
-
input、select居中不兼容浏览器的解决方法
所属栏目:[创业经验] 日期:2018-09-16 热度:119
css修正Input标签在各种浏览器中差异,首先说明一下input、select等可能在各种浏览器中的表现差异: 1.当input或select与其他标签(例如a、label)混排时,可能出现不居中的问题。 2.input里面输入的文字行高存在差别,有空隙等等。 3....混排时,外层标签不[详细]
-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目:[创业经验] 日期:2018-09-16 热度:83
烈火网(LieHuo.Net)CSS教程,本文给大家介绍的是CSS 水平自适应的实现代码,这个与其它的水平自适应好像还有点区别,它里面的文字也会自适应,文字外的DIV同样也会随着浏览器窗口的大小而水平适应,大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
IE6、IE7、IE8浏览器下CSS不兼容的解决分析
所属栏目:[创业经验] 日期:2018-09-16 热度:67
IE6里DIV错位的问题 采用FLOAT:LEFT的DIV在 IE8 、IE7、都没问题,IE6下却向下移动,出现空白。这是因为,IE6采用的内核默认把DIV之间的距离增加了3~5个PX,所以,试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
