随笔分类 -  Web

1 2 下一页

自己定义滚动条的颜色
摘要:,自己定义滚动条的颜色我们一般默认的滚动条样式如下左图,右图是放大了1600倍的样子,我们可以看到滚动条有几种言责组合的,我给他们标了7个号,分别注释在下面的css代码的后面了,注意css的注释代码是放在两个斜杠内的两个星号之间,如:/*这里放注释的代码*/Body {scrollbar-arrow... 阅读全文

posted @ 2015-01-20 16:38 wind side 阅读(446) 评论(0) 推荐(0) 编辑

去掉tppabs冗余代码,怎样批量去掉tppabs代码
摘要:去掉tppabs冗余代码,怎样批量去掉tppabs代码刚用teleport pro拉了一个整站到本地所有的超链都被强行加了一句tppabs="就玩了一把dw的替换功能查找范围:整个当前本地站点搜索:源代码查找:\btppabs="h[^"]*"替换:(为空)勾选:使用正则表达式点替换全部按钮OK~~... 阅读全文

posted @ 2014-12-19 12:06 wind side 阅读(337) 评论(0) 推荐(0) 编辑

Pseudo-elements ::before, ::after 範例
摘要:xhtml700css.amount::before {content:"$ ";}.amount::after {content:" 萬元";}原來只有700,但加了CSS以後呈現會是$ 700 萬元思考 -::before, ::afterPseudo-element Selectors使用原則... 阅读全文

posted @ 2014-11-05 18:28 wind side 阅读(215) 评论(0) 推荐(0) 编辑

网页设计师常用的PHOTOSHOP插件
摘要:Photoshop是网页设计师常用的一个非常重要而强大的工具,可以让网页设计师的工作高效便捷的进行,也为设计师们的天马行空提供了实际技术实现。一般我们的网页设计师设计完成后,需要将其转换制作成网页形式文件,生成HTML和CSS;然而在Photoshop中却没有这个转换高效率的功能,但万幸的是我们可以... 阅读全文

posted @ 2014-11-04 12:35 wind side 阅读(1518) 评论(0) 推荐(0) 编辑

响应式布局这件小事
摘要:讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计... 阅读全文

posted @ 2014-11-04 12:26 wind side 阅读(237) 评论(0) 推荐(0) 编辑

一些前端框架工具
摘要:等有时间再看吧..http://www.w3cfuns.com/article-760-1.htmlhttp://www.csdn.net/article/2013-02-25/2814245-20-best-front-end-framework 阅读全文

posted @ 2014-10-03 15:29 wind side 阅读(295) 评论(0) 推荐(0) 编辑

gotoTop返回顶部 JS
摘要:方法:1.首先在body添加一个标签,在一个页面添加,其它页面也会生效。 2.然后在页脚添加一个链接返回页顶3.JS代码,可以单独写成一个文件,插入到html里 var goto_top_type = -1; var goto_top_itv = 0; function goto_top... 阅读全文

posted @ 2014-08-06 10:41 wind side 阅读(1966) 评论(0) 推荐(0) 编辑

CSS3 圆角
摘要:border-radius: 5px; \\5px为圆角孤度等价于border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;支... 阅读全文

posted @ 2014-06-09 16:16 wind side 阅读(176) 评论(0) 推荐(0) 编辑

meta补充
摘要:<meta name="author" content="内容" />作者<meta name="robots" content="index,follow" />搜索机器人向导,content参数有:all,none,index,noindex,follow,默认是all. index 指令告诉搜索机器人抓取该页面;follow 指令表示搜索机器人可以沿着该页面上的链接继续抓取下去;<meta name="revisit-after" content=" 阅读全文

posted @ 2012-11-15 21:03 wind side 阅读(241) 评论(0) 推荐(0) 编辑

CSS-@font-face使用
摘要:@font-face能够加载服务器端的字体文件,让客户端显示客户端所没有安装的字体。【微软的IE 5已经是开始支持这个属性,但是只支持微软自有的.eot (Embedded Open Type) 格式,而其他浏览器直到现在都没有支持这一字体格式。然而,从Safari 3.1开始,网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。格式说明一、TureTpe(.ttf)格式:.ttf字体是Windows和Mac的最常见的字体,是一种RAW格式,因此他不为网站优化,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome4+, 阅读全文

posted @ 2012-03-21 18:20 wind side 阅读(1293) 评论(0) 推荐(0) 编辑

关于DIV层下的图片垂直居中
摘要:DIV层下图片垂直居中如果不细研,还挺麻烦,今天特意研究了一下。这里有一个成功例子例子:<style type="text/css">.liehuotb-p-c {display: table-cell;vertical-align:middle;height:140px;width:50px;text-align:center;border:1px solid #090;*font-size: 122px;/*IE6 7兼容*/}.liehuotb-p-c img { vertical-align:middle; }</style><div 阅读全文

posted @ 2012-03-06 23:25 wind side 阅读(344) 评论(0) 推荐(0) 编辑

TABLE TD边框重叠问题
摘要:TABLE在加边框填充时,TD会有重叠的现象因为默认的TABLE边框属性border-collapse=separate解决方法就是在table标签加style="border-collapse=collapse" 阅读全文

posted @ 2011-10-27 14:08 wind side 阅读(9581) 评论(0) 推荐(0) 编辑

DW中让NET文件关联方法:
摘要:路径:Adobe Dreamweaver CS3\Adobe Dreamweaver CS3\configuration\DocumentTypes/MMDocumentTypes.xml修改 <documenttype id="PHP_MySQL" servermodel="PHP MySQL" internaltype="Dynamic" winfileextension="php,net,php4,php5" macfileextension="php,php3,php4,php5" 阅读全文

posted @ 2011-05-11 12:00 wind side 阅读(409) 评论(1) 推荐(0) 编辑

图片中hspace 和 vspace 属性
摘要:图片中的hspace 和 vspace 属性:用于设置图片与周围文本的距离;hspace:用于设置图片与文本左右的距离vspace:用于设置图片与文本上下的距离如果需在DIV里面设置文本和图片的line-height,须在图片里设置vspace才有效例:<div style="line-height:20px">文字<img src="图片地址" vspace="5"><br>文字<img src="图片地址" vspace="5"><br& 阅读全文

posted @ 2011-04-25 17:24 wind side 阅读(2116) 评论(0) 推荐(0) 编辑

关于li的文字和图片垂直距中
摘要:问题:图片和文字放在li标签下时不能同时垂直距中方法:在文字上加span标签,设置样式为span{height:30px; line-height:30px; display:block;}img{vertical-align:middle} 阅读全文

posted @ 2011-04-21 11:23 wind side 阅读(1227) 评论(0) 推荐(0) 编辑

5个你应当了解的CSS3新技术
摘要:CSS是众所周知且应用广泛的网站样式语言,在它的版本三(CSS3)计划中,新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些 效果,但了解它们还是必须且很有趣味性的。CSS3中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。1:基本标记在我们开始这个教程之前,先来创建整个教程都要使用的基本标记。我们的xHTML需要一下div元素:#round, 使用CSS3代码实现圆角. #indie, 应用个别的几个圆角. #opacity, 展示新的CSS3实现不透明度的方式. #shadow,展示不使用Photoshop的情况下,使用CSS3来实现阴影效果. #re 阅读全文

posted @ 2011-01-08 08:40 wind side 阅读(242) 评论(0) 推荐(0) 编辑

很好的网页设计网站
摘要:http://chocotemplates.com/ 阅读全文

posted @ 2010-09-29 17:29 wind side 阅读(122) 评论(0) 推荐(0) 编辑

IE6显示PNG图片背景透明的解决方法
摘要:第一步:下载JS文件DD_belatedPNG_0.0.8a.js下载地址:dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a.js第二步:引用JS文件<!--[if IE 6]> < script src="DD_belatedPNG_0.0.8a.js" mce_src="DD_belatedPNG_0.0.8a.js"></script> < script type="text/javascript"> /* 阅读全文

posted @ 2010-05-13 14:37 wind side 阅读(248) 评论(0) 推荐(0) 编辑

网页特殊符号HTML代码大全
摘要:HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。´&acute;©&copy;>&gt;µ&micro;®&reg;&&amp;°&deg;¡&... 阅读全文

posted @ 2010-04-16 10:37 wind side 阅读(296951) 评论(5) 推荐(18) 编辑

英文时间代码
摘要:英文时间代码代码有具体时刻的:<span id="date" style="font-size:12px;color:#ff0200"></span><SCRIPT LANGUAGE="JavaScript">function getDATE(){ var o=document.getElementById("date"); var dayName = new... 阅读全文

posted @ 2010-03-30 14:28 wind side 阅读(1645) 评论(0) 推荐(0) 编辑

1 2 下一页

导航