随笔分类 -  css

css3 渐变 各浏览器兼容
摘要：Firefox的Linear Gradients (线性渐变)的几点说明：Firefox的Linear Gradients (线性渐变) 基本语法：background-image:-moz-linear-gradient([<point> | | <angle>，] , 开始颜色值,结束颜色值, [(停靠颜色值,偏移量百分数),...] );-moz-linear-gradient是background的一个属性值；第一组参数<角度位置>为非常灵活，他的基本组成点位 <point> （ 渐变的出发点 ）和角度；<point> 渐变的 阅读全文
posted @ 2012-10-06 11:01 前望 阅读(563) 评论(0) 推荐(0)
使用 xhEditor 发布代码 代码高亮显示
摘要：使用 xhEditor 插入需要的代码段在前台添加样式/* 代码高亮 */pre{font-family:'Courier New' , Monospace; font-size:12px; width:99%; overflow:auto; margin:0 0 1em 0; background:#F7F7F7; word-break: break-all; word-wrap:break-word;}pre ol, pre ol li, pre ol li span{margin:0 0; padding:0; border:none}pre a, pre a:hover 阅读全文
posted @ 2012-08-24 10:28 前望 阅读(617) 评论(0) 推荐(0)
css display:inline block详解
摘要：display:block就是将元素显示为块级元素.block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。display:inline就是将元素显示为行内元素.inline元素的特点是：和其他元素都在一行上；高，行高及顶和底边距不可改变；宽度就是它的文字或图片的宽度，不可改变。<span>, <a>, <label>, <in 阅读全文
posted @ 2012-03-28 11:29 前望 阅读(1641) 评论(0) 推荐(0)
jquery对表单checkbox复选框的操作例子(全选,反选,获取选取值)
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="css/ingrid.css" rel="styles 阅读全文
posted @ 2012-03-23 11:27 前望 阅读(382) 评论(0) 推荐(0)
让input表单不显示历史记录
摘要：<input autocomplete="off" /> 阅读全文
posted @ 2012-03-21 14:47 前望 阅读(387) 评论(0) 推荐(0)
a标签点击后的虚线框问题
摘要：最终我的用法是在CSS文件直接加入：a {outline: none;}a:active {star:expression(this.onFocus=this.blur());}:focus { outline:0; }如果页面上只有一两个链接的话，直接加到<a>里面也行，就像这样<a href=”#” onFocus=”this.blur()”><img src=”logo.jpg” border=0></a>以下是解决方案：方法一：在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可， 阅读全文
posted @ 2012-03-19 09:39 前望 阅读(921) 评论(0) 推荐(0)
js tab 切换
摘要：<script type="text/javascript">function g(o){return document.getElementById(o);}function HoverLi(n,m,q,p){for(var i=1;i<=m;i++){g(q+i).className='normaltab';g(p+i).className='hide';}g(p+n).className='nohide';g(q+n).className='hot';}</script>&l 阅读全文
posted @ 2012-03-19 09:38 前望 阅读(227) 评论(0) 推荐(0)
网页html制作目录文件及CSS命名规范总结
摘要：文件夹与文件名称、CSS样式命名、程序中的一些控件等等：名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录名应以英文、拼音为主（不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂）。尽量用一些大家都能看懂的词汇。使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。而且当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作 。例如：images(图形文件)，flash（Flash文件）等。命名方式：（性质_描素_位置_分类_数量）项相结合，采用简写、 阅读全文
posted @ 2012-03-19 09:38 前望 阅读(2273) 评论(0) 推荐(1)
div+css命名规则
摘要：命名规则:使用骆驼命名规则,即第一个英文单词小写,从第二个英文单词起,头一个字母大写 如:leftcontent,写成:leftContent 栏目等级:col1 col2 col3 col4 col5 col6宽度从大到小依次排列 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：col 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginNar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：do... 阅读全文
posted @ 2012-03-19 09:37 前望 阅读(147) 评论(0) 推荐(0)
ie6 bug & 解决技巧
摘要：最近有时间折腾wordpress 发现自己在css方面有很大的欠缺，很多问题都不能够自己解决，基本上大部分时间都是去google上寻找答案，可是找到的答案要么不够具体，就是缺少实 例，让人大伤脑筋。所以为了方便以后自己查找，不管自己以前有没有遇到过，都把它们收藏起来，方便以后查找。下面是从网络上搜索到的bug以及解决方法：1. 强制浏览器是用Web标准解析HTML的写法<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”“http://www.w3.org/TR/html4/strict.dtd”>或者XHTML的写法<!DOCT 阅读全文
posted @ 2012-03-19 09:37 前望 阅读(706) 评论(0) 推荐(0)
html-命名规范
摘要：id命名 驼峰法则 action+(form,select,input,checkbox,radio,button,textarea,submit,div,span,ul) registerForm,loginForm addButton,removeButton,submitButton statusDiv表单字段命名 _ 连接符 前面不需要带str_,int_,arr等前缀容 器：container/box头 部：header主 导 航：mainNav子 导 航：subNav顶 导 航：topNav网站标志：logo大 广 告：banner页面中部：mainBody底 部：footer菜 阅读全文
posted @ 2012-03-19 09:37 前望 阅读(341) 评论(0) 推荐(0)
PNG透明兼容IE6的几种方法
摘要：png透明针对IE6一直是件挺麻烦的事情，使用的方法也是各有不同，大多的原理是用IE的滤镜来解决的。语法：filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )enabled :可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。false : 滤镜被禁止。sizingMethod :可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的 阅读全文
posted @ 2012-03-19 09:34 前望 阅读(199) 评论(0) 推荐(0)
用JS解决>图片太大,把网站撑变形的问题
摘要：方法如下：1.找到博客目录下SCRIPT/common.js文件内加入以下代码(不要加错了)//*********************************************************// 目的：查找网页内宽度太大的图片进行缩放以及PNG纠正// 输入：无// 返回：无//*********************************************************function ReImgSize(){for (i=0;i<document.images.length;i++) { if (document.all){if (docume 阅读全文
posted @ 2012-03-19 09:14 前望 阅读(539) 评论(0) 推荐(0)
实现图片大小的自动控制（ 图片大小控制CSS代码）
摘要：图片大小控制CSS代码将以下代码放到你的样式表文件中即可实现图片大小的自动控制./*图片大小控制CSS By Tekin */img,a img{border:0;margin:0;padding:0;max-width:690px;width:expression(this.width>690?”690px”:this.width);max-height:690px;height:expression(this.height>690?”690px”:this.height); 阅读全文
posted @ 2012-03-19 09:13 前望 阅读(586) 评论(0) 推荐(0)
CSS分别设置Input样式（按input类型）
摘要：当你看到<input>这个html标签的时候，你会想到什么？一个文本框？一个按钮？一个单选框？一个复选框？……对，对，对，它们都对。也许你可能想不到，这个小小的input竟然可以创造出10个不同的东西，下面是个列表，看看，哪些是你没有想到的：<input type="text" /> 文本框<input type="password" /> 密码框<input type="submit" /> 提交按钮<input type="reset" /> 重置按钮 阅读全文
posted @ 2012-03-16 08:30 前望 阅读(1074) 评论(0) 推荐(0)
jquery实现文本框textarea的ctrl+enter提交表单
摘要：html代码：<SCRIPT src="http://blog.163.com/ybbqg@126/blog/images/jquery-1.6.4.min.js" type="text/javascript"></SCRIPT>复制代码 脚本代码 $(function(){ $('#ans').keypress(function(e){ if(e.ctrlKey && e.which == 13 || e.which == 10) { $('form[name=form1]').s 阅读全文
posted @ 2012-03-16 07:51 前望 阅读(378) 评论(0) 推荐(0)
shtml 使用
摘要：在前端开发时引入子模板可以使用 shtml 文件复用性高， 方便维护，修改apache 服务器配置打开conf目录下的httpd.conf文件，搜索“AddType text/html .shtml”，找到： # AddType text/html .shtml # AddOutputFilter INCLUDES .shtml 把这两行前面的#去掉 。 然后搜索“Options Indexes FollowSymLinks” 在搜索到的那一行后面添加“ Includes” 即将该行改变为 Options Indexes FollowSymLinks Incl... 阅读全文
posted @ 2012-03-16 07:49 前望 阅读(386) 评论(0) 推荐(0)