-
这一个代码 来来回回写了好几次，终于完成了！ 感觉 除了下次登陆和修改密码那块没有写好 ，剩下的我感觉都很标准。包括第二个选项输入密码，我用的是text-indent，和左图是不是一模一样呢~哈哈查看全部
-
input中使用placeholder="邮箱/手机号/用户名"，灰色字一直显示，但不影响输入。 点击后灰色提示消失的代码，使用value=“邮箱/手机号/用户名” <input type="text" ivalue="邮箱/手机号/用户名" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" > 密码框 <input type="text" id="password" value="请输入密码" onfocus="if(this.value==defaultValue) {this.value='';this.type='password'}" onblur="if(!value) {value=defaultValue; this.type='text';}" >查看全部
-
.cat li i 比 .cat-2 i 优先级高 .cat-2 i 比 .cat i优先级高 所以要想让.cat-2 i生效 只能用.cat i 不能用.cat li i查看全部
-
给i标签设置雪碧图背景图片 li i{ background:url();/*雪碧图片*/ display：inline;/*设置成行级元素*/（不同浏览器默认值有些不一样，所以网页设计时，最好都明确定义） width:30px; height:24px;/*因为i标签本身没有内容，所以设置宽高作为显示区*/ float:left; /*浮动元素会生成一个块级框，从而可以设置宽高*/ margin:3px 10px 0 0;/*微调*/ } 然后再，根据坐标位置给每一个i标签设置一个background-position 例如： .cat-1{background-position:0 -24px;}查看全部
-
...查看全部
-
<body> <div id="myForm"> <form> <input type="text" name="username" placeHolder="      邮箱/手机号/用户民"/> <input type="password" name="password" placeHolder="      请输入密码"/> <input type="checkbox" class="autoLogin"><span>下次自动登录</span>  <a href="#">忘记密码？</a> <button class="login">登录</button> <hr> <button class="reg">注册</button> </form> </div> </body> </html>查看全部
-
<!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; charset=utf-8" /> <title>无标题文档</title> <style> div,form,input,a,button{margin:0;padding:0;} #myForm{ width:190px; height:220px; background:#ebf2fa; padding:10px; } input{width:190px;height:30px;margin-bottom:12px;} input.autoLogin{width:15px;height:15px;} #myForm span{font-size:15px;} a{ color:blue; text-decoration:none; font-size:10px; } button{ width:190px; height:38px; border:none; text-indent:-9999px; background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg); } button.login{background-position:0 0;} button.reg{background-position:0 -38px;} hr{border:1px solid #CCC;margin:12px 0;} </style> </head>查看全部
-
CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高，因为它属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。 ...查看全部
-
text-align 属性规定元素中的文本的水平对齐方式。 text-align:center;把文本排列到中间。查看全部
-
display：block； 此元素将显示为块级元素，此元素前后会带有换行符。查看全部
-
1常用<i></i>来放小图片 2为给小图片设置background-position属性，需要给<li>定义一个类名<li class="cat-数字"> 3去掉<ul>标签下<li>标签的小黑点，在<style>标签下ul{list-style:none} 4不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出 （决定浏览器如何处理溢出的步骤： (1) 输入 overflow: 。 (2) 输入 visible ，让元素盒子中的所有内容可见，这是默认项； 或者输入 hidden ，隐藏元素盒子容纳不了的内容； 或者输入 scroll ，无论元素是否需要，都在元素上添加滚动条； 或者输入 auto ，让滚动条仅在访问者访问溢出内容时出现。）查看全部
-
<button> 标签定义一个按钮。查看全部
-
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。 该提示会在输入字段为空时显示，并会在字段获得焦点时消失。查看全部
-
CSS Sprite雪碧图实现方式 1.PS手动拼图：制作多个小图片，拼成一个大图片，用鼠标挪动图片的位置（position）。适用自己的小网站 2.使用sprite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 可以生成小图片的坐标，以及对应的css程序。 下载地址：http://www.99css.com/archives/1524查看全部
-
通过CSS background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 控制一个层，可显示的区域范围大小， 通过一个窗口，进行背景图的滑动查看全部
举报
0/150
提交
取消