- 浏览: 96138 次
最新评论
文章列表
1.解决checkbox属性checked为true但是未被选中的问题(转)
原来是jQuery版本问题。
Attributes vs. Properties
attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ,
Bootstrap及相关插件
- 博客分类:
- bootstrap
资料链接(转):
Bootstrap复选框和单选按钮美化插件
Bootstrap table两种分页示例
Bootstrap之Form表单验证神器: BootstrapValidator(转)
代码检查工具jshint和csslint
- 博客分类:
- 前端开发工具
代码检查工具jshint和csslint(转载)
.csslinttrc
{
"adjoining-classes":false,
"box-sizing":false,
"box-model":false,
"compatible-vendor-prefixes": false,
"floats":false,
"font-sizes":false,
"grandients" ...
/* 解决浏览器记住密码--自动填充黄色背景 */
适用于纯色背景:
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #262333 inset !important;//关于解决输入框背景颜色
-webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色
}
适用于透明背景:
:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
tra ...
在前端开发中,我们可能会碰到这样的需求:想让列表中的第一个部分显示不同的样式 ,想让列表中的偶数部分显示不同的背景颜色,想让列表中的最后一部分样式不一样……这样的需求,我们怎样来实现?其实,如果前面文件是php开发的,可以通过php的循环语句+判断语句+css样式来实现。但是,如果是静态代码,php就无法用了。这时,我们还可以通过CSS来实现,CSS给我们提供了几个非常有用的样式参数:first-child、last-child、nth-child(n)。下面,详细看一下它们的使用。
1、first-child
first-child表示选择列表中的第一个标签。代码如下:
li:
在网站自适应设计中,@media与@media screen是必须用到的css代码,可能大家对此并不陌生。但是大家又知不知道@media与@media screen的区别在哪呢?在自适应设计中你是用@media还是用@media screen?你知不知道两者产生的结果有什么不同呢?这些问题我想很多人都不清楚吧。本文便通过实例给你说说@media与@media screen的区别,主要是告诉你它们产生的效果区别在哪。
@media与@media screen手机网页区别
好吧,理论方面暂时放在一边,先看看两者产生的手机网页视图有什么不同。
@media与@media scr ...
网站兼容性调试实在令人烦心,现在的网站设计人员真的要比以前费力很多,因为网页代码不再是只需满足一个IE6访问就行,而是要满足N多的浏览器访问正常才行。粗略算一下,目前至少要满足如下的浏览器要求:IE8、IE9、IE10、IE11、Chrome、Firefox,由于360使用的是Chrome内核,所以满足Chrome基本就满足了360。而IE家族真是一个版本一个样,我说IE怎么这么喜欢折腾呢?这给网页设计师带来多大的麻烦呀!今天,我就把这几个主要浏览器的CSS hack代码汇总一下。
例如现有CSS代码如下:
.divContent{
background-color:#ee ...
个人笔记:兼容IE10、11/firefox/chrome
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.table1{
position:absolute;
display: block;
height: 48%;
border-collapse ...
css复合属性的写法
- 博客分类:
- CSS
css复合属性的写法
==========================================================1. 背景-background==========================================================单个属性的写法.sample1 {background-color: #CCCCCC; /*背景颜色*/background-image: url(sample.gif); /*背景图片 ...
JS数组的创建:
1,使用Array数组的方式:
var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值
要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之 ...
css input[type=file] 样式美化,input上传按钮美化
2014年8月29日 399797次浏览
由于明天公司组织出去游玩,今天把这两天的博客都写了吧,今天的内容是input[type=file] 样式美化,input上传按钮美化。
我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,input radio美化是一个道理的,后面文章会总结。
思路:
input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能。
代 ...
css判断ie版本才引用样式或css文件
- 博客分类:
- CSS
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以下版本可识别 <![endif]-->
<!--[if lte IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]&g ...
摄影--1--有点想法
- 博客分类:
- 摄影~~~~~~~~
摄影后期处理公开课:http://sem.tanzhouedu.com/shiguang/sheji/sheying/pc6/
摄影课程--虎课网:https://huke88.com/photography/9-841-0-0-0-2-0-16/?sem=baidu&kw=101729
新手如何系统性的学习摄影?--知乎
h5调用摄像头相关文章
- 博客分类:
- 摄像头调用
html5调用摄像头使用Getusermedia和canvas
HTML打开摄像头,进行拍照上传(前后端代码)
PJHome
Photobooth.js基于HTML5实现摄像头webcam拍照
webRTC(https://developer.mozilla.org/en-US/docs/WebRTC)允许浏览器直接操作底层硬件,例如,摄像头, ...