摘要: 行高的量取方式: 1、第一行可设置margin-top值。然后将第一文字顶部到第二行文字顶部的值作为行高的值(要注意对齐方式) 2、将 3、电视上 阅读全文
posted @ 2017-11-08 17:24 var_obj 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 1、ul本身是块级元素,在实际运用中,我们不设定宽高的话,它的宽就是父元素的宽,它的高就是内容撑起来的高度。 2、在局部布局的时候,我们可以不用设定ul的宽度和高度,直接使用margin来巧妙布局。 3、上述如果设定了ul或者其他盒子的宽度以后,会出现一个问题就是margin-left的值过大,盒子 阅读全文
posted @ 2017-11-08 14:31 var_obj 阅读(509) 评论(0) 推荐(0) 编辑
摘要: 在背景图片中可以对图片进行圆角设置,但是这样是写死的。如下图: 情况分析:如果我们li标签中的文字变少了或者变多了,我们就需要重新定义背景图片。所以我们使用滑动门技术。它将图片特殊地方进行分割。宽度利用的是字体的宽度,在加上padding进行调整。 效果: 阅读全文
posted @ 2017-11-08 12:42 var_obj 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 属性选择器:通过对标签中属性的选择,控制标签。 效果: 参考:CSS3 [attribute*=value] 选择器 阅读全文
posted @ 2017-11-08 09:52 var_obj 阅读(401) 评论(0) 推荐(0) 编辑
摘要: 精灵图产生背景: 1、网页上的每张图像都需要向服务器发送一次请求才能展现给用户。2、网页上的图像过多时,服务器就会频繁地接受和发送请求,大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(CSS Sprites) 精灵图的定义: 1、很多图片融 阅读全文
posted @ 2017-11-08 09:46 var_obj 阅读(5759) 评论(0) 推荐(0) 编辑