-
CSS3学习之圆角box-shadow,阴影border-radius
所属栏目：[经验] 日期：2018-10-14 热度：97
最近经常玩 腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px )欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
-
media=screen 是什么意思 有什么用？
所属栏目：[经验] 日期：2018-10-14 热度：95
如果需要支持老版本的浏览器，那你就必须坚持使用css1的媒体描述符screen和print，到底是哪些老版本的浏览器，没有查。它们是相互排斥的，因此在为屏幕显示而生成页面的时候，浏览器会忽略掉打印样式表，反之亦然。所以，每个样式表都需要包含相同的样式选[详细]
-
FCKEditor安装SyntaxHighlighter插件实现代码高亮
所属栏目：[经验] 日期：2018-10-14 热度：123
最近在很多博客和IT知名网站上看到SyntaxHighlighter高亮显示的功能，于是也想在自己的网站用上这个亮点功能，本站用的是fckeditor编辑器，就想把这一功能和fck结合起来，实现代码高亮嵌入显示功能，将FCKeditor和dp.SyntaxHighlighter结合使用。 因此上网[详细]
-
怎样在Dreamweaver里插入视频文件
所属栏目：[经验] 日期：2018-10-14 热度：189
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-14 热度：95
感谢 www.52webui.com的投稿 以前，烈火发表过很多Css圆角的文章，有纯Css的，有Css+图像结合的，今天收到我爱设计网站长的投稿，是一款纯Css实现的圆角效果，代码简洁，没有太多美化，请大家学习与欣赏： Css部分： Copy to Clipboard 引用的内容：[www.v[详细]
-
CSS定位机制之一:普通流
所属栏目：[经验] 日期：2018-10-14 热度：174
原创。原文：http://www.swordair.com/blog/2010/08/415，转载请保留。 由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章，于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说，[详细]
-
css 美化 input 文本框与 button 按钮
所属栏目：[经验] 日期：2018-10-14 热度：86
我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目：[经验] 日期：2018-10-14 热度：192
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后，常常会出现客户端没有更新，导致显示出现问题。之前我一直使用时间戳参数的方法来解决： 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目：[经验] 日期：2018-10-14 热度：105
早上了解到一个名为css border三角的技术，纯css2实现,兼容各浏览器(包括Ie6)，且效果非常好，当时即内牛满面，顿感牛人之强大。自己不敢不有样学样，赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
图片热区详解 与切片的优势比较
所属栏目：[经验] 日期：2018-10-05 热度：191
切片和图片热区是什么？图片切片是将很大的网页图片，切成类似拼图的那种形式，之后运用 HTML 代码，再完美的拼接起来的一种加快网页图片显示的手法，图片切片之后你还可以在不同的切片上加入链接等等，从而达到点击不同图片区域跳转到不同页面的效果。图[详细]
-
CSS 滤镜 -webkit-filter 的介绍和使用
所属栏目：[经验] 日期：2018-10-05 热度：59
大家可能对 Instagram 这款 iPhone APP 上的滤镜效果很感兴趣，其实 CSS3 开始也有滤镜（不是 IE 的那种滤镜），这些滤镜效果最初是用于 SVG 的，W3C 将其引入到 CSS3 中，然后制定了 CSS Filter Effects 1.0 的规范，Webkit 率先支持了它。 -webkit-filte[详细]
-
如何实现IE6下块级元素的内容自动收缩
所属栏目：[经验] 日期：2018-10-05 热度：146
近期在做提示层组件的开发，遇到了一个IE6常见的bug....想出了几个解决的办法，挺有意思的，这里分享给大家。 由于IE6浏览器中，display:inline-block只能触发IE的haslayout属性使得元素具有布局属性，当对div元素使用display:inline-block，div元素仍然为[详细]
-
display:inline-block下的IE元素
所属栏目：[经验] 日期：2018-10-05 热度：104
通常我们想让内联元素为行块布局显示，有2种方法，最常见的是方法是.selector {display:block;float:left;......}，第二种方法是.selector {display:inline-block;......}，对于第二种方法，在 IE浏览器 中得到支持，测试结果会认为IE能识别display:inline-[详细]
-
HTML5网页让所有浏览器都能识别HTML5标签样式
所属栏目：[经验] 日期：2018-10-05 热度：131
如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的 IE9 不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法[详细]
-
关于HTML条件注释你可能不知道的一些事儿
所属栏目：[经验] 日期：2018-10-05 热度：81
最近经常看到类似这样的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-05 热度：171
产品反馈用户总是输错email的域名，因此服务器得到的email的地址是错误的。比如，有许多用户总将xxx@qq.com输入成xxx@qq.con。 这让后端很烦恼，因为这个email地址是合法的，但是错误也是那么明显的(常识判断，至于qq.con域名是否存在我也不知道)。 为了解[详细]
-
CSS3转换功能transform主要属性值分析及实现
所属栏目：[经验] 日期：2018-10-05 热度：182
css3的到来，让css技术进一步提高了，以前在css2不能实现的功能,现在都可以实现了，例如: 圆角，文字阴影，透明度，渐变，转换，过渡，动画等等。这些功能使用起来很方便。 今天我想介绍一下转换的用法： transform主要包括以下属性值： rotate(旋转度数)[详细]
-
CSS教程：scrollbar的属性及样式分类
所属栏目：[经验] 日期：2018-10-05 热度：149
1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜[详细]
-
用CSS画三角形，纯CSS绘制三角形的代码
所属栏目：[经验] 日期：2018-10-05 热度：161
1、新建一个元素，随便什么元素，不过我习惯性的会用块元素来做。如果行内元素就display:block它。 div class=triangle/div 2、把它的宽高设置为height:0px; width:0px; 3、设置边框border属性，用来实现三角形。 首先要了解border具体是怎么样的，我写了[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)–1
所属栏目：[经验] 日期：2018-09-25 热度：114
CSS3 标准里引入了一些新的盒子模型参数，在 CSS2 的基础上，我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试，我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中，我的所有[详细]
-
CSS入门技巧：关于CSS样式表的教程
所属栏目：[经验] 日期：2018-09-25 热度：67
本例为CSS入门系列教程，在这一课中我们将学习CSS的样式表，主要学习在学习css之前你应该掌握哪些基础知识，认识CSS以及如何使用CSS，希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读： CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
-
CSS入门技巧七则：语法基础教程
所属栏目：[经验] 日期：2018-09-25 热度：121
本例为CSS入门系列教程，在这一课中我们将学习CSS的语法基础，主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、 样式表的层叠性以及，希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部[详细]
-
点击超级链接后不显示虚线边框的代码
所属栏目：[经验] 日期：2018-09-25 热度：141
烈火网(LieHuo.Net)HTML教程:让链接点击后不显示虚线框，如果在我们不定义的时候，一般的链接在点击后会出现一个虚线边框，其实这样做也有好处，可以告诉用户你点击了哪里的链接，不过有些用户有别的用途，不想显示这种虚线框，那么有什么办法吗？其实很简[详细]
-
Css3 弹性盒模型介绍（附DEMO演示）
所属栏目：[经验] 日期：2018-09-25 热度：151
Css3引入了新的盒模型弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。 使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局[详细]
-
跨浏览器 CSS 阴影的实现方法
所属栏目：[经验] 日期：2018-09-25 热度：66
阴影是最常用的 CSS 效果之一，CSS3 标准已经增加了阴影属性，下面讨论一下阴影在各种浏览器里的实现方法。 CSS3 阴影 CSS3 里使用 box-shadow 属性定义块的阴影，基本语法如下： box-shadow: 3px 3px 4px #000; 上面的样式里，前面两个 3px 表示阴影在 xy[详细]
