<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>账号注册</title><style>select {width: 100px;padding: 5px;font-size:16px;}</style> </head> <body> <!--要实现的功能: 账号 密码 性别 <爱好> 地址出生年月 头像 相册 邮箱 电话 肤色 音量 个人简介--> <form action="demo01.html"method="post"> <!--账号开始--><p>账号:<input type="text"name="userCode"required placeholder="请输入账号:...
1. 创建标签 document.createElement()2.$(tag).css(‘属性‘， 样式) 赋予标签属性样式3.设置定时器 改变位置 大小<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.container{padding: 50px;border: 1px solid #eeeeee;}.item{cursor: pointer;position: relative;width: 30px;}</style></head><body><div class="container"><div class="item"><span>赞</span></div></div><div class=...
写在前面最近一直在整理css，但因为现在Visual Studio 2013太智能了，它每每在我按ctrl+E+D进行格式化代码的时候，就会将css进行层次格式化（如下图所示），而这个格式让我老大实在无法忍受，我老大认为它实在是太浪费空间了。那我应该怎么办呢，每次将本地代码上传之前都打开另外一个vs10，然后复制粘贴，可是下次从服务器拉下来代码我一编辑，手痒一下就又变成上面这个鬼样，折磨的我呀刚刚看了豪情的一篇文章，http://www.cnblo...
之前，我们想要实现一个完美的宽度自适应的输入框好麻烦，曾经也被作为对前端技术的一个挑战。类似的常见场景还有100%宽+边框的容器等。遇到这些情况，我们不得不分外小心，因为各个浏览器的表现可能不一致。现在，firefox和webkit相继支持calc()功能了，我们也可以学习下了。calc()是干嘛的？calc()是单词calculate(计算)的缩写，是css3的一个新的长度单位功能，可以使用简单的数学运算。嗯，CSS3越来越高级了。运算规则calc()使用...
著名的 Web 设计网站 CSS-tricks.com 最近组织了一次调查，请15名顶尖的 Web 设计师对 CSS 提出自己的期望，15名设计师包括 Jon Hicks,Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。调查结果显示，最被期待的 CSS 功能是 CSS 圆角，其它期待的功能包括跨浏览器渐变与阴影，类似 Photoshop 的层融合效果，更一致的声明简化语法以及对条件判断的本地支持。这些期待中一部分已经包含在未来的 CSS...
1.css的语法 selector {property: value} 即 选择器{属性:值} 学习css即学习有哪些选择器，哪些属性以及可以使用什么样的值2.id选择器 选择器可以直接在标签里用style 或者在head内 使用 style 既可以不想没用的将所有标签都改 也可以通过ID来让对应的标签使用你想让使用的属性直接用标签选择如:p{ color:xx; } 或者 #id001(#啥都行){ 属性:值 } 3.类选择器 ::当需要多个元素，都使用同样的css的时候，就会使用类选择器...
今天我想介绍一下转换的用法： transform主要包括以下属性值： rotate(旋转度数) scale(缩放) skew(斜切扭曲) translate(对象平移) 利用上述属性值，可以实现一些很酷的效果，比如正方体，下面是我做的一个效果，三个大小不等的正方体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <h...
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*/ 看了 上面的代码挺郁闷的，根本实现不了...
css的一些功能代码： 背景颜色的设置：由三种颜色设置方法：1.英文单词 2.rgb设置3.#_等 background-color: #CDFFC5; 分别表示不同的属性：x y 模糊 外延(可选) 颜色 box-shadow: 2px 2px 2px 10px #ccc; 渐变色，颜色会逐渐发生变化，呈线性： background: linear-gradient(90deg,red,yellow); 对div等标签变形：变形方式是缩放 当scale的值为1...
CSS顶部固定功能，有空的时候研究了一下CSS的定位功能，做了这个大家熟悉的顶部固定功能，鼠标移上去顶部会消失，并可判断浏览器是否支持audio元素！顶部元素在时间控制下也可自动消失。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; char...
随着公司业务的增加，需求变的越来越多，团队也因此在不断的扩大，我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候，那么是什么最让你最感到困扰呢？我们在实现一个表现复杂的页面的同时，CSS文件就会比较繁琐，众多的选择符、属性让人眼花缭乱，那么如何更快的定位、如何更高效的编写样式呢？CSS的书写被很多人所忽略。关于书写风格，翻看了一些知名网站的作品，发现横向连排几乎成为各大产品项目的主流...
【CSS3中的动画功能】/* 1.Transition功能，通过指定开始结束状态来过度，无法实现复杂动画。*//* transition:property duration timing-function */ transition-property: background-color; transition-duration: 3s; transition-timing-function: linear;transition: background-color 3s linear; /*简洁的写法*/transition: background-color 1s linear,color 1s linear,width 1s linear; /* 同时执行多个动画效果 *//* 2.Anim...
tab1.html内容<!DOCTYPE html><html><head><meta charset="UTF-8"><title>tab选项卡</title><style>* {margin: 0;padding: 0;}ul,li {list-style: none;}body {background-color: #323232;font-size: 12px;font-family: "微软雅黑"; margin: 100px;}</style><link rel="stylesheet" href="tab1.css"/><script src="../jquery-2.1.0.js" type="text/javascript"></script><script src="tab1.js" type="text/javascript"></script></...
蝉知企业门户系统5.1正式发布了，本次升级对后台界面进行了重大改进，增加了布局方案跨主题应用功能，设置前台各个页面css和js代码的功能，还提供了基于七牛的cdn资源。 关于蝉知 蝉知企业门户系统是由易软天创团队开发的一款专向企业营销使用的企业门户系统。企业使用蝉知系统可以非常方便地搭建一个专业的企业营销网站，进行宣传，开展业务，服务客户。 蝉知内置了文章、产品、论坛、评论、会员、博客、手册...
HTML5/CSS3 诱人的实例 -模仿优酷视频截图功能的详解：一般的视频网站对于用户上传的视频，在用户上传完成后，可以对播放的视频进行截图，然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验，而不是让用户额外上传一张展示图。效果图：看起来还是很不错，下面我给大家分析下，极其核心代码很简单：_canvas = document.createElement("canvas"); _ctx = _canvas.getContext("2d"); _ctx.fillStyle = #ffffff; ...