html滚动条样式


一、滚动条的轨迹,记作:scrollbar-track。所谓“轨迹”,指滚动条的滑动块运行时所必经的路线。 二、滚动条的滑动块,即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块,记作:scrollbar-face。face即滚动条的“脸”,注意它有三张“脸”:滑动条和两头的小方块。
三、滚动条亮边框部分,记作:scrollbar-highlight。这个亮边框,和表格的亮边框概念是一样的,即左边和上边部分,滚动条的亮边框部分是指滚动条的“脸”(即滑动块和两头小方块)的亮边框。
四、滚动条亮边框部分的外围还有一个立体修饰部分,记作scrollbar-3dlight。3d即立体的意思,它将包围在滚动条亮边框部分的外边。
五、滚动条阴影部分,指主滑块和两头方块的阴影,位于左边和左下,记作:scrollbar-shadow。
六、滚动条阴影部分还有一个强阴影部分,记作scrollbar-darkshadow,它包围在阴影部分的外边。
七、滚动条两头方志标志箭头,记作:scrollbar-arrow,箭头方向为向下、向上、向左、向右。
查看图片
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

几个常用经典的css技巧
使用line-height垂直居中line-height:24px;使用固定宽度的容器并且需要一行垂直居中时,使用line-height即可(高度与父层容器一致),更多的垂直居中总结可

css 跨浏览器实现float:center
divid="macji"ulclass="macji-skin"li列表一/lili列表二/lili列表三/li/ul/div我们希望实现li是浮动的,并且居中的(li个数不固定,ul宽度未知)。可以设置ul的text-ali

css浏览器不兼容原因分析及解决办法第1/2页
在下不才,归纳几点html编码要素,望能指点各位:1.文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下