-
能写出来，但是代码丑的一逼，有很多搞不懂的，比如按钮如何跟输入框对齐，还有div盒子的宽度算法查看全部
-
左上角为基准，x、y偏移，通过background-position设置坐标查看全部
-
加载数据量比较大查看全部
-
css sprite雪碧图实现情景：静态小图片，减少http请求查看全部
-
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 ，让滚动条仅在访问者访问溢出内容时出现。）查看全部
-
CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高，因为它属于行布局，其特性是在一行里进行布局，所以不能被设定宽高查看全部
-
CSS Sprite雪碧图实现方式 1.PS手动拼图：制作多个小图片，拼成一个大图片，用鼠标挪动图片的位置（position）。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标，以及对应的css程序,提供background-position的值 下载地址：http://www.99css.com/archives/1524查看全部
-
完成页面当中的展示列表HTML的结构代码 1.注意标签的语义化，无序列表需使用ul和li。 2.标题部分要使用h3标签。 3.每个li结构当中会有一个i标签用来展示icon。 为列表的容器添加class和样式，同时reset列表本身的容器查看全部
-
原理：通过css的背景定位属性：background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
cssscrpite雪碧图 静态图片，不随用户信息变化而变化。 小图片，容量比较小 加载量比较大。（目的是：有效的减少http请求的数量） 大图不建议拼成雪碧图，加载时间长查看全部
-
li:last-child{border-bottom:none;}查看全部
-
雪碧图可以有效地减少HTTP请求，其拼图方法有： 1、PS手动拼图； 2、使用sprite等工具自动生成查看全部
-
最后要li:last-child{ border-bottom:none; }查看全部
-
*{padding:0; margin:0;} ul,li{list-style:none;} ul li{display:block;border-bottom:1px solid #dedede;text-align:center;overflow:hidden; } li h3{height:31px;line-height:31px;font-weight:200;font-size:14px;} .cat{width:124px;background:#f8f8f8;border:1px solid #bbb;padding:0 10px;} 需要在li中overflow:hidden 防止文字溢出查看全部
-
自动居中一定要设置宽度，且元素为块元素查看全部
举报
0/150
提交
取消