css
文章平均质量分 78
调皮的芋头
我是一个非常勤奋、自信的人。
GitHub:https://github.com/liuyu520
展开
-
让表格相邻行的颜色不同
先看看效果:如何让表格相邻行的颜色不同呢?如何让表格的行的颜色间隔不同呢?表格的行间隔变色有如下种方式方式一:使用纯csstable.dictionaryList tr:nth-child(2n+3){ background-color:#c0e0f7;}table.dictionaryList tr:nth-child(2n+2){ background...2015-02-07 23:42:51 · 1366 阅读 · 0 评论 -
html防止文本被选中
如何防止浏览器中文本被选中呢?IE中,使文本所在控件的onselectstart 事件返回false <script type="text/javascript" charset="utf-8"> window.onload=function() { var moveSpan222=$('#moveSpan'); //alert(moveSpan222)...2014-11-02 15:20:01 · 331 阅读 · 0 评论 -
html可以移动的浮动窗口
先看例子:http://182.92.97.72/float_suspend/效果描述:(1) 鼠标点击" "即可拖动;(2)滚动网页的竖直滚动条时,该窗口的位置固定不变;(3)无论怎么移动,该窗口不会跑到网页可视范围之外 关键code:// 拖拽效果 function drag(){ var tags = arguments; // aler...2014-11-02 16:26:48 · 2926 阅读 · 0 评论 -
js 常见问题 3
(1)如何禁止F5刷新用浏览器打开网页时,我们按F5 就会刷新当前网页,那么如何禁止F5刷新呢? // IE下禁用F5刷新 document.onkeydown = function(){ if(window.event && window.event.keyCode == 116){ window.event...原创 2014-11-02 18:06:08 · 104 阅读 · 0 评论 -
bootstrap input file在火狐浏览器中不美观
使用bootstrap 遇到的问题(1)上传文件控件在火狐中显示不美观 以下是期望的效果: 解决办法:在页面的onload事件里面判断浏览器的类型,若是火狐浏览器,则修改样式: <script type="text/javascript"> //适配File 在火狐中不美观的问题 var fileInputAdapt=functi...2014-11-05 13:54:09 · 254 阅读 · 0 评论 -
糟糕的css用法 1
现在网站追求越来越漂亮好看,越来越炫,所以css是必不可少的.可是我发现许多人使用css的方式是不对的,至少是不推荐的.比如下面的css用法不对(1)一个页面对应一个css文件这种做法是我深恶痛绝的,为什么呢?可重用性太差了!比如哪天我突然要改变一个按钮的样式,那就坏了,只要包含按钮的页面的样式我都得改,比如有20个页面包含了按钮,那么我就得修改20个css文件,这不要人命吗?...2014-11-09 21:20:14 · 98 阅读 · 0 评论 -
网页重构应该避免的10大 CSS 糟糕用法
对于网页重构来说,CSS禅意花园 是网页布局从 table 表格转到了 html +css 的标志 。这些年来,随着我们的网站越来越复杂:html5,css3,新的技术、新的属性,越来越多的开发者开始思考和尝试提高他们的 CSS 技能。那么我们从哪里着手呢?对于网页重构工作来说,我们应该养成什么样的开发习惯?一个糟糕的 css 用法是怎样的?我们应该怎么处理这些糟糕的 css。今天这篇文章,我将...原创 2014-11-09 21:32:56 · 138 阅读 · 0 评论 -
容错性
程序的容错性很重要.容错性越好,兼容性就越好.比如浏览器解析css时就有很灵活的容错性.当遇到错误的css样式时就直接忽略,而不会报错.忽略错误的样式,就是容错.有什么好处呢?体现在浏览器的兼容性上.比如border-radius是HTML5的属性,IE9支持,但是IE8支持.可是我们再IE8中运行时依然正常,而不会因为报错导致不解析网页样式. Java中也有容错性.比如我之前写了一...2014-11-13 22:31:13 · 229 阅读 · 0 评论 -
静态页面编写规范02
1,列表形式的,每一行就是一个li例如: 上面有5行,那么就有5个li 2,按钮的状态:可以点击,不可点击,要分别对应两个class,便于js判断按钮的状态约定class:disabled,enabled 3,如果是列表,一行中的某个字段的状态的class 一定要写在这一列的父标签上如下图,本来li中的span标签有两张状态,但是反应状态的class "com-...2016-01-13 11:05:18 · 139 阅读 · 0 评论 -
安装lessc
安装lessc(1)先安装nodejswget https://nodejs.org/dist/v4.3.1/node-v4.3.1-linux-x64.tar.xz下载完成后解压:tar xf node-v4.3.1-linux-x64.tar.xz 解压之后,把bin设置到path中:# added by huangweiPATH=$PATH:/home/whua...2016-02-25 15:40:09 · 484 阅读 · 0 评论 -
less 注意事项
less 注意事项(1)字体如果是\5B8B\4F53 的形式,一定要加双引号,不然less时报错:2016-09-11 17:57:14 · 133 阅读 · 0 评论 -
webapp总结
webapp(HTML5)总结(1)异步的方式配置变量 (2)浏览器兼容性这个问题是在Safari中出现的,Safari版本:"Mozilla/5.0 (iPhone; CPUiPhone OS 7_1_2 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Version/7.0 Mobile/11D257 S...2016-08-31 09:31:34 · 433 阅读 · 0 评论 -
css div水平居中
css div水平居中container 是父div如何让container中的div相对于container水平居中呢? 方法:(1)父div container定宽(设置父div的宽度,当然宽度必须保证大于子div的宽度)(2)设置父div css样式:.container { width: 500px; margin: 0 auto;} (3...2016-06-30 08:46:39 · 156 阅读 · 0 评论 -
表格鼠标经过时变色
如何实现鼠标经过时变色呢?如图: ------------------------------------ 如何实现鼠标放在上面时表格的行变色呢?有如下两种方式:方式一:使用纯cssdiv.queryResultDiv table.productList tr:nth-child(n+2):hover{ background-color: #B0D2FF;}...原创 2015-02-08 00:01:46 · 593 阅读 · 0 评论 -
可以水平滚动的导航栏
有时候我们的水平导航栏的长度会超过屏幕宽度,那么如何增加水平滚动条呢?使用场景:新闻页面的导航栏.实现的效果如下:火狐中: chrome中: 代码如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content=&2015-02-08 21:55:27 · 428 阅读 · 0 评论 -
获取元素的style属性
r如何获取元素的style属性呢?一般我们想到的方法是使用obj.style例如<nav><div id="overflow" ><div class="container"><a href="index.asp">Home1</a><a href="htm2015-02-09 11:22:48 · 1993 阅读 · 0 评论 -
App Framework框架之绑定事件(1)
App Framework是intel公司开发的一个web app框架官网:http://app-framework-software.intel.com/af22有如下事件:tap Tap on the elementsingleTap Single tap on the elem (250ms delay after t...2015-03-06 21:39:03 · 172 阅读 · 0 评论 -
App Framework框架之选择器(2)
App Framework选择器类似于jquery范例:$settings=$(div_settings); var $login_li=$settings.find("#settings_user");var $user_modify_password_div=$(user_modify_password_panel); $user_modify_pas...2015-03-07 11:48:10 · 89 阅读 · 0 评论 -
如何让两个div处于一行
我们知道 div是块级元素,是独占一行的.一般情况下,两个相邻的div是不会处于一行的例如:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>让两个div处于同一行</title>2015-04-25 21:49:34 · 479 阅读 · 0 评论 -
css 特效
css特效介绍两种css 特效1,模糊滤镜先看效果: 通过添加css 类实现:.ui-modal-mask-blur { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px);}...2015-05-15 22:11:54 · 112 阅读 · 0 评论 -
css 列表 hover时闪动
css 列表 hover时闪动 选中事件://企业列表增加单击事件 $('.company-name').on('click','li.enabled',function () { var $self=$(this); $('.company-name li.li-active').removeClass('li-active').rem...2016-04-14 20:33:32 · 959 阅读 · 0 评论 -
安装jekyll
安装jekyll命令:gem install jekyll➜ blog gem install jekyllFetching: safe_yaml-1.0.4.gem (100%)Successfully installed safe_yaml-1.0.4Fetching: rouge-1.10.1.gem (100%)Successfully installed ro...2016-05-10 09:28:38 · 126 阅读 · 0 评论 -
阿里巴巴2020年校招开始啦
大家好!我是黄威,2011年武汉毕业的,现在在阿里巴巴从事软件开发,希望学弟学妹过来实习实习地点:杭州阿里巴巴麻烦推荐下,辛苦了面向人群2020届毕业生(毕业时间:2019月11日~2020年10月)包含本科和研究生校招申请入口http://alibaba.tupu360.com/campusActivity/getActivityInfo?activityCode=d_lfN...原创 2019-03-15 11:31:15 · 3779 阅读 · 1 评论