-
CSS 边框重叠鼠标悬停效果
所属栏目：[经验] 日期：2018-10-11 热度：173
前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果，要实现鼠标移上后按钮边框换色，但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意： 如果看不明白，请移步参考淘宝搜索结果页面中的信用、价格两个排序按钮。http://s.taobao.com/search[详细]
-
一个Windows系统蓝屏界面的404错误页
所属栏目：[经验] 日期：2018-10-11 热度：72
搞怪的 404 错误页面会给人出人意料的感觉。 一直想给搞个出彩的 404 页面，却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面，被雷了一下。看看下面的这张 截图 ，像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的，就是[详细]
-
模块的opacity透明与PNG的阴影透明冲突
所属栏目：[经验] 日期：2018-10-11 热度：154
模块的透明设置：filter:alpha(opacity=80); opacity:0.8; PNG的透明设置：直接在制作PNF-24模式的图时留有透明度就可以 问题： 今天在处理F7Dialog2.0项目时发现一个问题，那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目：[经验] 日期：2018-10-11 热度：183
这个问题在网络上曾经谈论过无数次了，今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的，除非与JS挂钩时才使用，也就是说我们在编码过程中除非有JS要用到，就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
CSS3 Media Queries，媒介设备查询
所属栏目：[经验] 日期：2018-10-10 热度：149
允许通过 media 属性为不同媒介设备（如屏幕、打印机）指定专用样式表，而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备，并采用不同的样式表。例如，你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
-
CSS3学习之圆角box-shadow,阴影border-radius
所属栏目：[经验] 日期：2018-10-10 热度：102
最近经常玩 腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px )欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
-
media=screen 是什么意思 有什么用？
所属栏目：[经验] 日期：2018-10-10 热度：86
如果需要支持老版本的浏览器，那你就必须坚持使用css1的媒体描述符screen和print，到底是哪些老版本的浏览器，没有查。它们是相互排斥的，因此在为屏幕显示而生成页面的时候，浏览器会忽略掉打印样式表，反之亦然。所以，每个样式表都需要包含相同的样式选[详细]
-
FCKEditor安装SyntaxHighlighter插件实现代码高亮
所属栏目：[经验] 日期：2018-10-10 热度：196
最近在很多博客和IT知名网站上看到SyntaxHighlighter高亮显示的功能，于是也想在自己的网站用上这个亮点功能，本站用的是fckeditor编辑器，就想把这一功能和fck结合起来，实现代码高亮嵌入显示功能，将FCKeditor和dp.SyntaxHighlighter结合使用。 因此上网[详细]
-
怎样在Dreamweaver里插入视频文件
所属栏目：[经验] 日期：2018-10-10 热度：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-10 热度：100
感谢 www.52webui.com的投稿 以前，烈火发表过很多Css圆角的文章，有纯Css的，有Css+图像结合的，今天收到我爱设计网站长的投稿，是一款纯Css实现的圆角效果，代码简洁，没有太多美化，请大家学习与欣赏： Css部分： Copy to Clipboard 引用的内容：[www.v[详细]
-
CSS定位机制之一:普通流
所属栏目：[经验] 日期：2018-10-10 热度：141
原创。原文：http://www.swordair.com/blog/2010/08/415，转载请保留。 由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章，于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说，[详细]
-
css 美化 input 文本框与 button 按钮
所属栏目：[经验] 日期：2018-10-10 热度：58
我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目：[经验] 日期：2018-10-10 热度：194
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后，常常会出现客户端没有更新，导致显示出现问题。之前我一直使用时间戳参数的方法来解决： 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目：[经验] 日期：2018-10-10 热度：78
早上了解到一个名为css border三角的技术，纯css2实现,兼容各浏览器(包括Ie6)，且效果非常好，当时即内牛满面，顿感牛人之强大。自己不敢不有样学样，赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
HTML5网页让所有浏览器都能识别HTML5标签样式
所属栏目：[经验] 日期：2018-10-06 热度：75
如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的 IE9 不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法[详细]
-
关于HTML条件注释你可能不知道的一些事儿
所属栏目：[经验] 日期：2018-10-06 热度：189
最近经常看到类似这样的HTML代码片段，很多前端开发人员应该都熟悉： 1 !--[if lt IE 7] html class=ie6 ![endif]--2 !--[if IE 7] html class=ie7 ![endif]--3 !--[if IE 8] html class=ie8 ![endif]--4 !--[if gt IE 8]!-- html !--![endif]-- 这段代码[详细]
-
html5给文本框实现email域名自动完成效果
所属栏目：[经验] 日期：2018-10-06 热度：178
产品反馈用户总是输错email的域名，因此服务器得到的email的地址是错误的。比如，有许多用户总将xxx@qq.com输入成xxx@qq.con。 这让后端很烦恼，因为这个email地址是合法的，但是错误也是那么明显的(常识判断，至于qq.con域名是否存在我也不知道)。 为了解[详细]
-
CSS3转换功能transform主要属性值分析及实现
所属栏目：[经验] 日期：2018-10-06 热度：178
css3的到来，让css技术进一步提高了，以前在css2不能实现的功能,现在都可以实现了，例如: 圆角，文字阴影，透明度，渐变，转换，过渡，动画等等。这些功能使用起来很方便。 今天我想介绍一下转换的用法： transform主要包括以下属性值： rotate(旋转度数)[详细]
-
CSS教程：scrollbar的属性及样式分类
所属栏目：[经验] 日期：2018-10-06 热度：199
1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜[详细]
-
如何编辑mht格式的文件,什么是mht?
所属栏目：[经验] 日期：2018-10-05 热度：65
什么是mht 文件 mht又叫web单一文件也就是将网页中包含的图片，CSS文件以及HTML文件全部放到一个MHT文件里面。mht就是mono html，就是独立的HTML文件，在浏览器（特别是IE）在保存时将页面中所有可以收集的元素全部存放在一个页面里。 如何编辑mht文件 一[详细]
-
HTML5 data-* 自定义属性和 element.dataset
所属栏目：[经验] 日期：2018-10-05 热度：187
在书写 HTML 代码时，通常需要在 DOM 结构中为 JS 预留数据钩子，而这些钩子通常是这样实现的： div id=test url=http://www.mangguo.org芒果小站/div HTML5 更好的规范了这种使用方式： div id=test data-url=http://www.mangguo.org芒果小站/div 获取自定[详细]
-
解决父容器高度不能自动撑开的方法
所属栏目：[经验] 日期：2018-10-05 热度：103
刚入门网站设计布局的开发者肯定会碰到这样的问题，那就是当子容器全部浮动的时候，父容器的高度不能自动撑开。在我们没有为富容器设置边框或背景的时候是看不到这个问题的，如下的代码。 div style=background: #F99; width: 400px; border: 1px solid #3[详细]
-
DIV固定层CSS代码详解
所属栏目：[经验] 日期：2018-10-05 热度：199
网页布局现在都用DIV+CSS了，为了网页的布局好看，需要把某些DIV层设置固定位置，不跟随浏览器滚动条而滚动，对于新手来说，设置这样的DIV层的CSS代码有点难度，我也是个新手，花了点时间研究下了CSS代码，现分享给有需要的站长，使用此CSS样式代码可以设[详细]
-
背景图片自适应分辨率浏览器大小自动拉伸全屏代码
所属栏目：[经验] 日期：2018-10-05 热度：191
在制作页面CSS样式的时候，一个好看绚丽的效果背景图片是少不了的，为了考虑到每个访客用户的 分辨率 大小都不相同，我们会选择使用可以平铺的颜色代码或者小图片作为背景，那么如何让一张高清大图作为背景，不论访客用户的分辨率大小如何，都会自动拉伸显[详细]
-
纯CSS单行文本溢出追加省略号代码
所属栏目：[经验] 日期：2018-10-05 热度：99
之前一直以为单行文本溢出追加省略号没法兼容所有浏览器，经元泉同志提点，顺利解决： .box { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 样式代码，四个属性都是必须的，并且宽度必须设在当前容器上，父容器定宽[详细]
