-
ID 是 CSS 的魔鬼
所属栏目:[经验] 日期:2018-10-31 热度:104
这个问题在网络上曾经谈论过无数次了,今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的,除非与JS挂钩时才使用,也就是说我们在编码过程中除非有JS要用到,就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
CSS3 Media Queries,媒介设备查询
所属栏目:[经验] 日期:2018-10-10 热度:160
允许通过 media 属性为不同媒介设备(如屏幕、打印机)指定专用样式表,而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备,并采用不同的样式表。例如,你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
-
CSS3学习之圆角box-shadow,阴影border-radius
所属栏目:[经验] 日期:2018-10-10 热度:105
最近经常玩 腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px )欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
-
media=screen 是什么意思 有什么用?
所属栏目:[经验] 日期:2018-10-10 热度:183
如果需要支持老版本的浏览器,那你就必须坚持使用css1的媒体描述符screen和print,到底是哪些老版本的浏览器,没有查。它们是相互排斥的,因此在为屏幕显示而生成页面的时候,浏览器会忽略掉打印样式表,反之亦然。所以,每个样式表都需要包含相同的样式选[详细]
-
FCKEditor安装SyntaxHighlighter插件实现代码高亮
所属栏目:[经验] 日期:2018-10-10 热度:160
最近在很多博客和IT知名网站上看到SyntaxHighlighter高亮显示的功能,于是也想在自己的网站用上这个亮点功能,本站用的是fckeditor编辑器,就想把这一功能和fck结合起来,实现代码高亮嵌入显示功能,将FCKeditor和dp.SyntaxHighlighter结合使用。 因此上网[详细]
-
怎样在Dreamweaver里插入视频文件
所属栏目:[经验] 日期:2018-10-10 热度:148
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-10 热度:94
感谢 www.52webui.com的投稿 以前,烈火发表过很多Css圆角的文章,有纯Css的,有Css+图像结合的,今天收到我爱设计网站长的投稿,是一款纯Css实现的圆角效果,代码简洁,没有太多美化,请大家学习与欣赏: Css部分: Copy to Clipboard 引用的内容:[www.v[详细]
-
CSS定位机制之一:普通流
所属栏目:[经验] 日期:2018-10-10 热度:197
原创。原文:http://www.swordair.com/blog/2010/08/415,转载请保留。 由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章,于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说,[详细]
-
css 美化 input 文本框与 button 按钮
所属栏目:[经验] 日期:2018-10-10 热度:169
我们会看到很多网站的文本输入框都非常漂亮哦,如taobao等,下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧,大家自己去测一下吧,很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目:[经验] 日期:2018-10-10 热度:60
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存,到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后,常常会出现客户端没有更新,导致显示出现问题。之前我一直使用时间戳参数的方法来解决: 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目:[经验] 日期:2018-10-10 热度:138
早上了解到一个名为css border三角的技术,纯css2实现,兼容各浏览器(包括Ie6),且效果非常好,当时即内牛满面,顿感牛人之强大。自己不敢不有样学样,赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
跨浏览器 CSS 阴影的实现方法
所属栏目:[经验] 日期:2018-10-02 热度:183
阴影是最常用的 CSS 效果之一,CSS3 标准已经增加了阴影属性,下面讨论一下阴影在各种浏览器里的实现方法。 CSS3 阴影 CSS3 里使用 box-shadow 属性定义块的阴影,基本语法如下: box-shadow: 3px 3px 4px #000; 上面的样式里,前面两个 3px 表示阴影在 xy[详细]
-
WEB 网页固定大小并且居中显示的方法
所属栏目:[经验] 日期:2018-10-02 热度:106
方法一:针对无框架的页面。 其实就是设定Table的属性来实现。 table width=100% height=100% border=1 tr td align=center valign=top table width=980px height=100% border=1 tr td !-- 此处放置你的页面内容 -- /td /tr /table /td /tr /table 方法二[详细]
-
教你如何获取网页中FLASH的链接地址
所属栏目:[经验] 日期:2018-10-02 热度:136
方法一:先看看页面上有没有全屏播放,下载之类的链接,要是有的话就方便了,点下这个链接,会弹出全屏播放的窗口,复制地址栏你的地址就是了! 方法二:查看源码法! 一般的网页打开后,先选择浏览器菜单里的查看->源文件(或在页面的空白地方点鼠标右[详细]
-
如何复制网页上不能选中的文字?
所属栏目:[经验] 日期:2018-10-02 热度:151
我们在上网浏览网页时,当看到自己需要或者精彩的内容时,就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动,无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
-
良好的DIV+CSS的命名规则有利于SEO优化
所属栏目:[经验] 日期:2018-10-02 热度:135
一、CSS文件及样式命名 1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数[详细]
-
onbeforeunload与a标签在IE中的冲突bug
所属栏目:[经验] 日期:2018-10-02 热度:89
onbeforeunload 是window的一个事件,目前 Firefox ,IE都支持,主要用来提示用户是否真的要离开该页面,通常在一些比较重要的数据提交之前,防止用户误操作导致数据丢失。典型的应用如gmail中,在写邮件的时候,如果刷新页面或者关闭页面,会出现提示。[详细]
-
CSS滤镜同时过滤文字的解决方法
所属栏目:[经验] 日期:2018-10-02 热度:176
初用CSS滤镜的朋友可能会遇到这样的问题:给div套上filter:alpha(opacity=50); 滤镜后,里面的文字也随之半透明,这种情况下,我们该怎么办呢? 经过本人查阅大量资料,实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明.[详细]
-
html{overflow-y:scroll}引起的iframe滚动条问题
所属栏目:[经验] 日期:2018-10-02 热度:94
今天做iframe需求时发现chorme总是会出现滚动条,怎么都去不掉,scrolling=no这个属性丝毫不起作用。但是ie和firefox却没有出现这个滚动条,然后求助龙笛同学,才知道罪魁祸首是子页面里有一条html{overflow-y:scroll}引起的。 被iframe的页面中存在css:h[详细]
-
FCKEditor超级链接默认新窗口打开的修改教程
所属栏目:[经验] 日期:2018-10-02 热度:175
Fckeditor是一款开源的WEB可视化编辑器,因为该软件小巧、易用、方便受到大家的欢迎,国内很多CMS都采用了FCK编辑器,最近有很多网友向烈火反映关于FCK添加的超级链接不能在新窗口中打开,需要另外设置才可以,那么,能不能将链接默认为新窗口呢?答案是可[详细]
-
引入CSS的两种方式:link和@import的区别
所属栏目:[经验] 日期:2018-10-02 热度:194
引入css外部文件的两种方法为在html页面通过link,src属性(注意空链接时的陷阱!),再者是通过CSS文件本身通过@import url()引入,虽然这两种方式都可以加载进来CSS文件,可是link和@import也存在着细微的差别。 隶属上的差别 link属于XHTML标签,而@imp[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)-2
所属栏目:[经验] 日期:2018-09-16 热度:177
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入,说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里,要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目:[经验] 日期:2018-09-16 热度:187
第一种添加方式: document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式: document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档:浏览器默认HTML的CSS样式属性
所属栏目:[经验] 日期:2018-09-16 热度:194
这个浏览器默认HTML的CSS样式属性,在你需要还原默认值的时候,比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。 以前一直在找这份文档,今天偶然在w3上看到了。除了inline和block的定义,[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目:[经验] 日期:2018-09-16 热度:186
IE6下设置了z-index层仍无法置顶的问题,前几天与几个朋友一起探讨,现在把解决方法通过烈火告诉大家。 层代码如下: div id=ad_top/div div id=topstory/div 样式代码如下: .ad_top { z-index:999; } .topstory { z-index:-999; float:left; } 最终解决[详细]