-
<style> ul{list-style:none}//去掉前面的装饰 li {display:block;//使得行高设置有效 height:31px;//高度 line-height:31px;//配合height,使得文字垂直居中 overflow:hidden;//防止内容溢出 border-bottom:1px solid//分割线为1px的实心线 } </style> <div> <ul>//无序列表 <li class="cat-1">//只要把文字和名称改一下就行 <i> </i> <h3>服装内衣</h3> </li> </ul> </div> 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 ，让滚动条仅在访问者访问溢出内容时出现。） height=line-height垂直居中查看全部
-
CSS Sprite雪碧图实现方式 1.PS手动拼图：适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Gaga 下载地址：http://www.99css.com/archives/1524 不旦生成雪碧图，还会提供background-position的值查看全部
-
①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高，因为它属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。 简单的说就是float可以设置宽高，然而display:inline;虽然也会浮动，但是他不能设置宽高查看全部
-
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 ，让滚动条仅在访问者访问溢出内容时出现。）查看全部
-
使用spite工具自动生成雪碧图： CSS Gaga 下载地址：http://www.99css.com/archives/1524 不旦生成雪碧图，还会提供background-position的值查看全部
-
CSS Sprite :CSS雪碧图 通常一些网站，为了性能优化和减少请求数目，在导航图上的小图片，并没有使用img标签，使用的是CSS Sprite技术，加速网站显示。 1.静态图片，不随用户信息的变化而变化 2.小图片，图片容量比较小(3~5k) 3.加载量比较大 作用：家少HTTP请求数量，加速内容显示。查看全部
-
过CSS background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动查看全部
-
CSS Sprite :CSS雪碧图 通常一些网站，为了性能优化和减少请求数目，在导航图上的小图片，并没有使用img标签，使用的是CSS Sprite技术，加速网站显示。 1.静态图片，不随用户信息的变化而变化 2.小图片，图片容量比较小(3~5k) 3.加载量比较大 作用：家少HTTP请求数量，加速内容显示。查看全部
-
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';}" > [ 收起全文 ]查看全部
-
<style> ul{list-style:none}//去掉前面的装饰 li {display:block;//使得行高设置有效 height:31px;//高度 line-height:31px;//配合height,使得文字垂直居中 overflow:hidden;//防止内容溢出 border-bottom:1px solid//分割线为1px的实心线 } </style> <div> <ul>//无序列表 <li class="cat-1">//只要把文字和名称改一下就行 <i> </i> <h3>服装内衣</h3> </li> </ul> </div> 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 ，让滚动条仅在访问者访问溢出内容时出现。） height=line-height垂直居中查看全部
-
使用spite工具自动生成雪碧图： CSS Gaga 下载地址：http://www.99css.com/archives/1524 不旦生成雪碧图，还会提供background-position的值查看全部
-
存代码查看全部
-
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';}" >查看全部
-
雪碧图成功~存代码查看全部
-
存代码，设置li标签的height和line-height一致，为了使内容垂直居中。 height:31px; line-height:31px;查看全部
举报
0/150
提交
取消