-
CSS 选择器的浏览器支持总结
所属栏目:[经验] 日期:2018-10-18 热度:135
我很久以前就开始计划着整理一下CSS选择器的浏览器支持,因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《使用CSS选择器创建个性化链接样式 》,作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进[详细]
-
CSS选择器创建个性化链接样式的教程
所属栏目:[经验] 日期:2018-10-18 热度:140
我们在设计网站的时候,有的时候需要根据页面元素的属性来制作不同的样式,比如,对于不同的链接类型,显示不同的链接图标。CSS的选择器是个很有用的技术,通过它们,我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选[详细]
-
window.open 定义窗口打开方式的代码
所属栏目:[经验] 日期:2018-10-18 热度:190
关于window.open,这是我们经常在网页开发中用到的,那么如何定义窗口的打开方式呢,比如超级链接、按钮,新窗口打开,当前窗口打开? 下面是一些烈火整理的实例代码,没什么技术含量,方便大家查询。 以下全部是当前窗口打开,很容易的,如果想在新窗口中[详细]
-
CSS将图片设置为网页背景的基础教程
所属栏目:[经验] 日期:2018-10-18 热度:74
本文将介绍Css的基础教程,如何使用Css把图片设置为网页背景,我们都知道如何使用dw设置网页背景,那利用了html的基础语法,如下: body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
-
使用CSS控制打印页面格式
所属栏目:[经验] 日期:2018-10-15 热度:196
由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目:[经验] 日期:2018-10-15 热度:157
在css2中允许我们使用media的属性,例如使用screen和print,我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章,关于css2中的media文章,推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print,而且支持多媒体[详细]
-
CSS创建竖排文字的简单方法,有演示
所属栏目:[经验] 日期:2018-10-15 热度:145
在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。 方法一:br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目:[经验] 日期:2018-10-15 热度:90
1、HTML 元素透明 其实本身,CSS 实现元素透明是件容易事儿。直接上代码: opacity:.5 opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助[详细]
-
给Button/input添加链接,前进,后退等功能
所属栏目:[经验] 日期:2018-10-15 热度:153
给Button/input添加链接,前进,后退等功能,看标题,大家就应该明白是怎么回事了,我们在日常的网页制作中使用a超级链接最多,而给按钮添加链接,有一部分朋友可能没用到过,今天烈火小编就把与button、input相关的链接,前进,后退,弹出确认alert窗口等的[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目:[经验] 日期:2018-10-15 热度:139
按钮的写法有两种,一种是 input value=按钮/ 或者 button按钮/button,如果按钮用于表单提交,还必须加上 type 属性(type=submit)。为了美化按钮效果,一般会设置背景和边框属性。 但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目:[经验] 日期:2018-10-14 热度:134
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能,将表单中的文本框自动切换为英文输入模式,有意思吧,可以用于限制输入数字和字符。 此为网友投入,烈火没有测试,代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目:[经验] 日期:2018-10-14 热度:135
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目:[经验] 日期:2018-10-14 热度:88
圆角按钮的实现看似并不困难,但会遇到如按钮宽度自适应文字长度等情况,不可能每次都切固定大小的背景图片。 自适应宽度的按钮,通常会采用类似下面的切图方法: 这样一来,只需要嵌套两层标签即可: a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小?附演示
所属栏目:[经验] 日期:2018-10-14 热度:188
如何实现调整弹出窗口的大小?演示代码的实现,在window.open属性中加入resizable=yes参数值,即可实现,简单吧,试试吧。利用window.open我们还可做许多有意思的窗口特效,不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下: Copy to Clipboard[详细]
-
CSS3 Media Queries,媒介设备查询
所属栏目:[经验] 日期:2018-10-12 热度:175
允许通过 media 属性为不同媒介设备(如屏幕、打印机)指定专用样式表,而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备,并采用不同的样式表。例如,你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
-
CSS3学习之圆角box-shadow,阴影border-radius
所属栏目:[经验] 日期:2018-10-12 热度:118
最近经常玩 腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px )欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
-
media=screen 是什么意思 有什么用?
所属栏目:[经验] 日期:2018-10-12 热度:52
如果需要支持老版本的浏览器,那你就必须坚持使用css1的媒体描述符screen和print,到底是哪些老版本的浏览器,没有查。它们是相互排斥的,因此在为屏幕显示而生成页面的时候,浏览器会忽略掉打印样式表,反之亦然。所以,每个样式表都需要包含相同的样式选[详细]
-
FCKEditor安装SyntaxHighlighter插件实现代码高亮
所属栏目:[经验] 日期:2018-10-12 热度:152
最近在很多博客和IT知名网站上看到SyntaxHighlighter高亮显示的功能,于是也想在自己的网站用上这个亮点功能,本站用的是fckeditor编辑器,就想把这一功能和fck结合起来,实现代码高亮嵌入显示功能,将FCKeditor和dp.SyntaxHighlighter结合使用。 因此上网[详细]
-
怎样在Dreamweaver里插入视频文件
所属栏目:[经验] 日期:2018-10-12 热度:98
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-12 热度:151
感谢 www.52webui.com的投稿 以前,烈火发表过很多Css圆角的文章,有纯Css的,有Css+图像结合的,今天收到我爱设计网站长的投稿,是一款纯Css实现的圆角效果,代码简洁,没有太多美化,请大家学习与欣赏: Css部分: Copy to Clipboard 引用的内容:[www.v[详细]
-
CSS定位机制之一:普通流
所属栏目:[经验] 日期:2018-10-12 热度:132
原创。原文:http://www.swordair.com/blog/2010/08/415,转载请保留。 由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章,于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说,[详细]
-
css 美化 input 文本框与 button 按钮
所属栏目:[经验] 日期:2018-10-12 热度:187
我们会看到很多网站的文本输入框都非常漂亮哦,如taobao等,下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧,大家自己去测一下吧,很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目:[经验] 日期:2018-10-12 热度:66
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存,到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后,常常会出现客户端没有更新,导致显示出现问题。之前我一直使用时间戳参数的方法来解决: 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目:[经验] 日期:2018-10-12 热度:137
早上了解到一个名为css border三角的技术,纯css2实现,兼容各浏览器(包括Ie6),且效果非常好,当时即内牛满面,顿感牛人之强大。自己不敢不有样学样,赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
CSS兼容性(IE和Firefox)技巧大全
所属栏目:[经验] 日期:2018-10-10 热度:189
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DO[详细]