Web开发

首页 » 常识 » 问答 » WEB前端开发常用技巧
TUhjnbcbe - 2022/10/5 15:36:00

一、图片列表排版、行与行之间的背景色分隔

图片列表排版经常用到margin-right来定义左右图片之间的间距,如果想完成%占满是不可能的。所以需要单独定放最右边的图片元素margin-right:0px;那么需要用到CSS的元素选择器CSS3:nth-child()选择器

亲自试一试-实例

实例1

Odd和even是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是1)。应用于文字列表行与行之间以背景色分隔非常实用。

在这里,我们为奇数和偶数p元素指定两种不同的背景色:

td:nth-child(odd)

{

background:#ff;

}

td:nth-child(even)

{

background:#ff;

}

实例2

使用公式(an+b)。描述:表示周期的长度,n是计数器(从0开始),b是偏移值。

在这里,我们指定了下标是3的倍数的所有p元素的背景色:

li:nth-child(3n+0)/*定义第3、6、9、12等最后一列的元素边距*/

{

margin-right:0px;

}

二、AJAX无刷新调用

其用途多样化,只要你想得到,AJAX就能做得到。

例如:

读取各个业务员的客户资料;如果页面开始加载时就加载所有的客户资料,页面运行起来就会非常慢。我们可以只加载业务员信息,通过选择业务员对显示对应的客户资料。

scripttype=text/javascript

functionshowCustomer(str)

{

varxml

1
查看完整版本: WEB前端开发常用技巧