网页背景渐变是经常用到的效果，下面用的滤镜，当然在非IE下是没效果的。一、从上往下渐变body{FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)";} 二、从左上至右下渐变body{ FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); }background-color: skyblue;}三、从左往右渐变body{FILTER: progid: DXImageT...
1.了解CodeFormatter插件 在Sublime Text 3中编写代码，为了能让我们的代码格式变得漂亮整洁，需要一个能自动格式代码的插件。这里发现CodeFormatter插件不错，它能支持常见的几种编程语言：* PHP * JavaScript/JSON * HTML* CSS * SCSS * Python* Visual Basic/VBScript* Coldfusion/Railo/Lucee2.安装CodeFormatter插件 在启动Sublime Text 3程序后，使用快捷键 “ Ctl+Shift+P ”，再选择 "Package Control: Install Pack...
CSS限制字数 复制代码代码如下:overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /* for IE */ -o-text-overflow: ellipsis; /* for Opera */ -icab-text-overflow: ellipsis; /* for iCab */ -khtml-text-overflow: ellipsis; /* for Konqueror Safari */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ -webkit-text-overflow: ellipsis; /* for Safari,Swift*/ 看了 上面的代码挺郁闷的，根本实现不了...
类似淘宝的导航栏html代码复制代码代码如下:<div class="end_wrap"> <div class="end_box"> <ul> <li class="shiling"> <dl> <dt> <h3>时令周边游</h3> <p><a href="">天数</a><a href="">丽水</a><a href="">台州</a><a href="">休闲度假</a></p> </dt> ...
复制代码代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Jxchen</title> <style type="text/css"> .box{ border:1px solid #f60; width:100px; height:100px; margin:0 auto; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px; } </style> </head> <body> <div class="box"> </div> </body> </html> 原文：http://www.jb51...
在一篇文章中收集所有的CSS代码片段几乎是不可能的事情，但是我们这里列出了一些相对于其他的更有用的代码片段，不要被这些代码的长度所吓到，因为它们都很容易实现，并且具有良好的文档。除了那些解决常见的恼人的问题外，也包含了一些解决新问题的新技术。 1. 垂直对齐 如果你之前遇到过这个问题，你就应该知道它是多么的烦人，幸运的是，现在你可以使用CSS3变换来解决这个问题：.vc{position: relative;top: 50%;-webkit-tr...
定位:将元素居中将元素水平居中将元素垂直居中 样式:文字毛玻璃效果-------------------------------------------代码------------------------------------------------------将元素居中:1.使用绝对定位实现1{width: 50px;height: 50px; /*设置元素宽高*/position: absolute; /*修改为绝对定位*/top: 50%;left: 50%; /*设置与上、左的距离*/margin-top: -25px;margin-left: -25px; /*外边距分别为宽高的一半*/}2....
效果图：演示：http://demo.jb51.net/js/2012/css3/css3_tmall.html代码：需要注意两个css文件复制代码代码如下:<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="author" content="xdf@TmallUED" /> <meta name="copyright" content="dafeng.xdf@taobao.com" /> <meta name="keywords" content="CSS3 Tmall" /> <meta name="description" content="CSS3TmallLogo" /> <title>CSS3 Tmall Logo</title> <link r...
用js动态生成css代码 有时候我们需要利用js来动态生成页面上style标签中的css代码，方法很直接，就是直接创建一个style元素，然后设置style元素里面的css代码，最后把它插入到head元素中。但有些兼容性问题我们需要解决。首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一个文本节点插入到style元素中即可，而在IE中则需要利用style元素的styleSheet.cssText来解决。还需要注意的就是在有些版本IE中一个页面上styl...
原文:纯代码利用CSS3 圆角边框和盒子阴影 制作 iphone 手机效果大家好，我是小强老师。 今天我们看下CSS3最为简单的两个属性。 css3给我们带来了很多视觉的感受和变化，以前的图片做的事情，很多代码都能实现。 下面给大家简单介绍两种最为常见的圆角边框和盒子阴影，同时附上一个iphone 手机效果，提供大家练习。1.border-radius 圆角矩形 语法格式： border-radius: 水平半径/垂直半径 只不过我们平时都把后面的这个垂直半...
经过测试的浏览器：IE6, IE7, IE8, IE9, Firefox, Chrome, Safiri, Maxthon按钮的HTML代码：<input id="btn_comment_submit" type="button" class="comment_btn" value="提交评论"/>CSS代码：input::-moz-focus-inner{ border: 0;padding: 0;}/*针对Firefox*/ .comment_btn{ height:26px; line-height:22px;/*针对IE*/ width:68px; }原文：http://www.cnblogs.com/wawahaha/p/3530572.html
在一篇文章中收集所有的CSS代码片段几乎是不可能的事情，但是我们这里列出了一些相对于其他的更有用的代码片段，不要被这些代码的长度所吓到，因为它们都很容易实现，并且具有良好的文档。除了那些解决常见的恼人的问题外，也包含了一些解决新问题的新技术。 1. 垂直对齐 如果你之前遇到过这个问题，你就应该知道它是多么的烦人，幸运的是，现在你可以使用CSS3变换来解决这个问题：.vc{position: relative;top: 50%;-webkit-tr...
HTML元素<div>水平垂直居中</div>css样式div{width:200px;height:200px; /*设置div的大小*/border:1px solid green; /*边框*/text-align: center; /*文字水平居中对齐*/line-height: 200px; /*设置文字行距等于div的高度 即实现垂直居中*/overflow:hidden; }显示效果原文：http://www.cnblogs.com/liaojie970/p/5254172.html
不废话，直接代码：D: cd D:\src\testproj\PrecompiledWeb svn revert ../ -R svn update ..rmdir BS /S /Q C:\Windows\Microsoft.NET\Framework64\v4.0.30319\MSBuild.exe ..\testproj.sln /p:DeployOnBuild=true /p:PublishProfile=..\BS\App_Data\PublishProfiles\publish.pubxml /m "C:\Program Files (x86)\Microsoft SDKs\Windows\v10.0A\bin\NETFX 4.6 Tools\aspnet_merge.exe" .\BS -o Site -a -rdel BS\bin\*.pdbcd .. n...
JsFormat：这里下载这插件包 https://github.com/sprinng/JsFormat ，点油下角的zip就能下载插件包放到sublime安装目录的Data\Packages目录中重新打开sublime就能使用js格式化插件使用方法：1、快捷键：ctrl+alt+f2、先用快捷键打开命令面板 “ctrl + shift + p”, 再输入 “Format: Javascript” 就可以使用格式化命令 html-css-js prettify：1、快捷键：ctrl+shift+P2、输入install package，选择install package3、输入html-css...