-
一个Windows系统蓝屏界面的404错误页
所属栏目:[经验] 日期:2018-10-14 热度:136
搞怪的 404 错误页面会给人出人意料的感觉。 一直想给搞个出彩的 404 页面,却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面,被雷了一下。看看下面的这张 截图 ,像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的,就是[详细]
-
模块的opacity透明与PNG的阴影透明冲突
所属栏目:[经验] 日期:2018-10-14 热度:163
模块的透明设置:filter:alpha(opacity=80); opacity:0.8; PNG的透明设置:直接在制作PNF-24模式的图时留有透明度就可以 问题: 今天在处理F7Dialog2.0项目时发现一个问题,那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目:[经验] 日期:2018-10-14 热度:93
这个问题在网络上曾经谈论过无数次了,今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的,除非与JS挂钩时才使用,也就是说我们在编码过程中除非有JS要用到,就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
CSS3 Media Queries,媒介设备查询
所属栏目:[经验] 日期:2018-10-13 热度:70
允许通过 media 属性为不同媒介设备(如屏幕、打印机)指定专用样式表,而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备,并采用不同的样式表。例如,你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
-
CSS3学习之圆角box-shadow,阴影border-radius
所属栏目:[经验] 日期:2018-10-13 热度:167
最近经常玩 腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px )欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
-
media=screen 是什么意思 有什么用?
所属栏目:[经验] 日期:2018-10-13 热度:105
如果需要支持老版本的浏览器,那你就必须坚持使用css1的媒体描述符screen和print,到底是哪些老版本的浏览器,没有查。它们是相互排斥的,因此在为屏幕显示而生成页面的时候,浏览器会忽略掉打印样式表,反之亦然。所以,每个样式表都需要包含相同的样式选[详细]
-
FCKEditor安装SyntaxHighlighter插件实现代码高亮
所属栏目:[经验] 日期:2018-10-13 热度:165
最近在很多博客和IT知名网站上看到SyntaxHighlighter高亮显示的功能,于是也想在自己的网站用上这个亮点功能,本站用的是fckeditor编辑器,就想把这一功能和fck结合起来,实现代码高亮嵌入显示功能,将FCKeditor和dp.SyntaxHighlighter结合使用。 因此上网[详细]
-
怎样在Dreamweaver里插入视频文件
所属栏目:[经验] 日期:2018-10-13 热度:65
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-13 热度:111
感谢 www.52webui.com的投稿 以前,烈火发表过很多Css圆角的文章,有纯Css的,有Css+图像结合的,今天收到我爱设计网站长的投稿,是一款纯Css实现的圆角效果,代码简洁,没有太多美化,请大家学习与欣赏: Css部分: Copy to Clipboard 引用的内容:[www.v[详细]
-
CSS定位机制之一:普通流
所属栏目:[经验] 日期:2018-10-13 热度:90
原创。原文:http://www.swordair.com/blog/2010/08/415,转载请保留。 由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章,于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说,[详细]
-
css 美化 input 文本框与 button 按钮
所属栏目:[经验] 日期:2018-10-13 热度:195
我们会看到很多网站的文本输入框都非常漂亮哦,如taobao等,下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧,大家自己去测一下吧,很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目:[经验] 日期:2018-10-13 热度:144
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存,到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后,常常会出现客户端没有更新,导致显示出现问题。之前我一直使用时间戳参数的方法来解决: 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目:[经验] 日期:2018-10-13 热度:160
早上了解到一个名为css border三角的技术,纯css2实现,兼容各浏览器(包括Ie6),且效果非常好,当时即内牛满面,顿感牛人之强大。自己不敢不有样学样,赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
让 Chrome 崩溃的 CSS 代码
所属栏目:[经验] 日期:2018-10-07 热度:133
让 Chrome 崩溃的 CSS 代码,请看下边的CSS。点击查看DEMO(请使用谷歌Chrome浏览器) Copy to Clipboard 引用的内容:[www.veryhuo.com]background-image: -ms-radial-gradient(center bottom, ellipse closest-corner, #4B8BEE 0%, #78AAF6 100%); backg[详细]
-
学习HTML5的10个顶级资源
所属栏目:[经验] 日期:2018-10-07 热度:198
HTML5已经成为互联网行业的最新流行语,不少人相信这是Web的未来。即使没有加入该社区的人也承认,HTML5包括了本来应该从一开始的HTML规范中包含的功能。在这篇文章中,我们将告诉你大约10 个HTML5的资源,让您现在开始使用该技术。 1)HTML 5工作草案标准[详细]
-
onmouseover的td里面有a标签时晃动
所属栏目:[经验] 日期:2018-10-07 热度:96
这是因为当鼠标移动到td里面的 a 上时,td 的 onmouseout 事件会被触发。 然后 a 的 onmouseover 被触发,由事件传递链,向上又发送到td, 因此 td 的 onmouseover 再次触发,于是就会有闪烁了。 有两种方法可以解决,第一,在 td 的onmouseout 中,对 event[详细]
-
css box-shadow阴影不透明的解决办法
所属栏目:[经验] 日期:2018-10-07 热度:73
你在使用box-shadow来实现阴影效果的时候,有没有注意到有些情况下,阴影并不是透明的效果 Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE HTML html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title烈火学院/titl[详细]
-
CSS之a:hover下的span样式无效的解决方法
所属栏目:[经验] 日期:2018-10-07 热度:145
下面的例子中,a标签里包含了一个span,我们可能希望当鼠标移到a上时,span的样式发生变化,但是在ie6下发现无效 !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title/titlestyle type=text/cssa:hover span{font-[详细]
-
贸易战期间中美5G谁与争锋
所属栏目:[经验] 日期:2018-10-05 热度:73
特朗普宣布,将有可能对从中国进口的600亿美元商品加征关税,并限制中国企业对美投资并购。根据白宫新闻稿,美国将对中国一些技术密集型行业产品加收25%的关税,信息及通信技术行业产品赫然在列。[详细]
-
HTML中表单Input文本框只读不可修改的代码
所属栏目:[经验] 日期:2018-10-05 热度:125
在网页设计中,有的表单是不想让用户修改的,这样的文本框可以变成灰色,那么可以让HTML中的INPUT属性变灰色的代码是什么呢,本文就为大家介绍一下! 让用户不能修改其中的信息,比如:input type=text name=input1 value=最火下载站veryhuo.com 的内容,[详细]
-
HTML5上传文件显示进度实例
所属栏目:[经验] 日期:2018-10-05 热度:53
HTML5上传文件显示进度实例一文转自博客园,原文标题为:HTML5上传文件显示进度! 下面我们使用Html 5的新特性file api实现上传文件,并显示上传文件进度百分比。意图是这样的,当选择文件时,显示当前文件信息。这里我们是结合Asp.net MVC做为服务端,您[详细]
-
使用SMACSS规范编写CSS代码
所属栏目:[经验] 日期:2018-10-05 热度:156
使用SMACSS规范编写CSS代码是一个相对繁杂的CSS理论,分为Base、Layout、Module、Status和Theme共五个部分。不过它的核心思想仍然和OOCSS类似,鼓励使用class。 1. Base 基本属性 基础属性很容易理解,就是最基本的东西,很多样式简单的网站都采用一个简单[详细]
-
如何编辑mht格式的文件,什么是mht?
所属栏目:[经验] 日期:2018-10-05 热度:61
什么是mht 文件 mht又叫web单一文件也就是将网页中包含的图片,CSS文件以及HTML文件全部放到一个MHT文件里面。mht就是mono html,就是独立的HTML文件,在浏览器(特别是IE)在保存时将页面中所有可以收集的元素全部存放在一个页面里。 如何编辑mht文件 一[详细]
-
HTML5 data-* 自定义属性和 element.dataset
所属栏目:[经验] 日期:2018-10-05 热度:80
在书写 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 热度:172
刚入门网站设计布局的开发者肯定会碰到这样的问题,那就是当子容器全部浮动的时候,父容器的高度不能自动撑开。在我们没有为富容器设置边框或背景的时候是看不到这个问题的,如下的代码。 div style=background: #F99; width: 400px; border: 1px solid #3[详细]