-
CSS border三角的一个应用实例
所属栏目:[创业经验] 日期:2018-10-12 热度:149
早上了解到一个名为css border三角的技术,纯css2实现,兼容各浏览器(包括Ie6),且效果非常好,当时即内牛满面,顿感牛人之强大。自己不敢不有样学样,赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目:[创业经验] 日期:2018-10-08 热度:110
按钮的写法有两种,一种是 input value=按钮/ 或者 button按钮/button,如果按钮用于表单提交,还必须加上 type 属性(type=submit)。为了美化按钮效果,一般会设置背景和边框属性。 但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目:[创业经验] 日期:2018-10-08 热度:77
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能,将表单中的文本框自动切换为英文输入模式,有意思吧,可以用于限制输入数字和字符。 此为网友投入,烈火没有测试,代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目:[创业经验] 日期:2018-10-08 热度:168
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目:[创业经验] 日期:2018-10-08 热度:113
圆角按钮的实现看似并不困难,但会遇到如按钮宽度自适应文字长度等情况,不可能每次都切固定大小的背景图片。 自适应宽度的按钮,通常会采用类似下面的切图方法: 这样一来,只需要嵌套两层标签即可: a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
CSS 中文字体 Unicode 编码方案
所属栏目:[创业经验] 日期:2018-10-08 热度:184
在 CSS 中使用中文字体通常直接设置字体名称,比如设置字体为宋体:font-family:宋体;但因此产生的一个问题是,如果 CSS 编码有误,会导致页面加载后 CSS 中的中文字体乱码,请看下图所示: 通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的[详细]
-
简单实现css的div层居右的代码
所属栏目:[创业经验] 日期:2018-10-08 热度:59
CSS的对齐方式对刚接触CSS的朋友来说,比较难琢磨,有些想让怎么对齐偏不会对齐,搞的挺烦人,其实用好Float不只是元素浮动对齐的问题,希望通过这个窗口自适应居右的对齐实例,让CSS初学者明白其属性的定义。 代码如下: Copy to Clipboard 引用的内容:[[详细]
-
IE6不支持max-height的解决方法
所属栏目:[创业经验] 日期:2018-10-08 热度:102
罪恶的IE6不支持max-height属性,不过我们可以通过 jQuery 来解决IE6不支持max-height,jQuery的代码如下: $(.entry).each(function(){ if($(this)[0].scrollHeightgt;500) $(this).css({height:500px}); }); 原理: 在IE6中可以通过设定height来达到max-h[详细]
-
模块的opacity透明与PNG的阴影透明冲突
所属栏目:[创业经验] 日期:2018-10-08 热度:79
模块的透明设置:filter:alpha(opacity=80); opacity:0.8; PNG的透明设置:直接在制作PNF-24模式的图时留有透明度就可以 问题: 今天在处理F7Dialog2.0项目时发现一个问题,那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目:[创业经验] 日期:2018-10-08 热度:149
这个问题在网络上曾经谈论过无数次了,今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的,除非与JS挂钩时才使用,也就是说我们在编码过程中除非有JS要用到,就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
CSS3 Media Queries,媒介设备查询
所属栏目:[创业经验] 日期:2018-10-08 热度:68
允许通过 media 属性为不同媒介设备(如屏幕、打印机)指定专用样式表,而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备,并采用不同的样式表。例如,你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
-
CSS3学习之圆角box-shadow,阴影border-radius
所属栏目:[创业经验] 日期:2018-10-08 热度:97
最近经常玩 腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px )欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
-
media=screen 是什么意思 有什么用?
所属栏目:[创业经验] 日期:2018-10-08 热度:166
如果需要支持老版本的浏览器,那你就必须坚持使用css1的媒体描述符screen和print,到底是哪些老版本的浏览器,没有查。它们是相互排斥的,因此在为屏幕显示而生成页面的时候,浏览器会忽略掉打印样式表,反之亦然。所以,每个样式表都需要包含相同的样式选[详细]
-
FCKEditor安装SyntaxHighlighter插件实现代码高亮
所属栏目:[创业经验] 日期:2018-10-08 热度:150
最近在很多博客和IT知名网站上看到SyntaxHighlighter高亮显示的功能,于是也想在自己的网站用上这个亮点功能,本站用的是fckeditor编辑器,就想把这一功能和fck结合起来,实现代码高亮嵌入显示功能,将FCKeditor和dp.SyntaxHighlighter结合使用。 因此上网[详细]
-
怎样在Dreamweaver里插入视频文件
所属栏目:[创业经验] 日期:2018-10-08 热度:172
Dreamweaver本身并没有插入视频的功能,要想播放视频,可以直接在Dreamweaver的代码视图中插入如下代码: 1.avi格式 object classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2[详细]
-
如何实现调整弹出窗口的大小?附演示
所属栏目:[创业经验] 日期:2018-10-08 热度:121
如何实现调整弹出窗口的大小?演示代码的实现,在window.open属性中加入resizable=yes参数值,即可实现,简单吧,试试吧。利用window.open我们还可做许多有意思的窗口特效,不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下: Copy to Clipboard[详细]
-
IE中flash遮挡div现象的解决方案
所属栏目:[创业经验] 日期:2018-10-08 热度:62
今天开始给网站首页的广告管理系统添加flash广告代码,结果出现IE中(包括IE6+)弹窗广告要flash遮挡的问题,后来想到了常用的iframe方法(参见《解决IE6 select z-index无效,遮挡div的bug》),最终成功了flash遮挡DIV的bug,但是在IE中还出现了浮动的DI[详细]
-
10个最容易犯的HTML标签错误
所属栏目:[创业经验] 日期:2018-10-08 热度:62
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,[详细]
-
如何在html标记中调用的函数里传递对象
所属栏目:[创业经验] 日期:2018-10-07 热度:84
最近使用jquery结合Ajax开发一个中小型网站应用。在后台管理中要使用Ajax调用系统功能,根据Ajax的返回结果,使用 jQuery 对前台页面进行操作。 比如,使用Ajax调用删除信息的后台功能,如果返回success,则调用删除一行信息。 大体代码如下: Copy to Cli[详细]
-
Css等比例缩放图片后截取图片中的一部分
所属栏目:[创业经验] 日期:2018-10-07 热度:78
因为在做一个简单的相册功能,做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块,但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法 截取前: 截取后: CSS代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]img[详细]
-
Css控制图片大小,自适应缩放,兼容IE6和Firefox
所属栏目:[创业经验] 日期:2018-10-07 热度:140
Css控制图片大小,自适应缩放,兼容IE6和Firefox,例如我们在日常的网站设计当中,总是会遇到这样的问题,图片大小未知,而我们设计的网站内容区域的宽度是一定的,如果给所有图片设置等量的宽度显示是不行的,通过查询CSS手册,我们知道max-width和max-he[详细]
-
基于HTML5的小球物理测试系统,附实现原理
所属栏目:[创业经验] 日期:2018-10-07 热度:148
在线演示:基于HTML5的小球物理测试系统 源码下载:点击进入下载页 功能说明: 一个基于HTML5 canvas的小球物理测试系统,用户可以手动为新的小球设置不同的属性值(颜色,半径,速度等),从而在canvas中发射小球,小球在 运动 过程中会收到重力,弹性以[详细]
-
Css技巧:div下图片自适应大小的解决办法
所属栏目:[创业经验] 日期:2018-10-07 热度:89
今天,烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题,看了一下,这样的问题原因很简单,归结就是没有给div设置高度和宽度,那么当你设置了宽高以后也就无法自适应了,搜索了一下,找到一些解决实例,现在分享给大家: 以前的解[详细]
-
Css 自定义文件上传控件样式(兼容 IE6)
所属栏目:[创业经验] 日期:2018-10-07 热度:102
要想直接通过 CSS 来控制文件上传控件,基本没戏的。当然也有一些解决方案,例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题,顺手记录下吧。 首先,给 input type=file 元素戴个套子,这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目:[创业经验] 日期:2018-10-07 热度:126
一行代码解决 IE8 浏览器与IE7之间的兼容性问题,热门的tag非IE8莫属,各浏览器厂商争相发布版本更新,部分网页也存在与IE8的兼容性问题,简单一行代码,让IE8自动调用IE7的渲染模式,只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
