Articles published by 孙肖宁

制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，如下图所示，即为设置了圆角背景的导航。而且每个元素的大小都是不确定的，有内容来决定元素的大小，但是每个元素的边框都是一样的。这就引入看滑动门技术。特点：1 实用性，能够根据导航条菜单文本长度自动调节宽度；2 简洁性，它可以用简单背景小图来实现炫彩的导航条风格，大大减少网页载入内容。3 适用性，可以多层套用，实现双层滑动门炫彩风格，也...

原理：CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图）。然而，各个网页元素通常只需要精灵图中不同位置的某个小图，要想精确定位到精灵图中的某个小图，就需要使用CSS的background-image、background-repeat和background-position属性进行背景定位，其中最关键的是使用background-position属性精确地定位。案例#home...

vertical-align 其实就是垂直对齐的意思。值描述baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。bottom把元素的顶端与行中最低的元素的顶端对齐。text-bottom把元素的底端与父元素字体的底端对齐。length-%使...

由于各浏览器的渲染内核都不一样，对相同的标签可能会有不同的样式，为了解决这种问题带来的浏览器的不兼容，在网页开发之前，一般都会进行初始化，下面几个是常用的初始化代码，直接饮用也行。雅虎CSS初始化body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,...

新的一年即将开始，小宁在这里祝您新春快乐，新年新气象！ 一路发发发，新年旺旺旺！