CSS 知识点

1:display:block;比较常用于<a><span>这两个标签——因为这两个标签非块元素,如果不用display:block定义一下,因为a标签没有结构,就是没有宽高,如果设置了为block,就可以有宽高了。而对所有的块元素都没有意义,比如<div>,通常情况下是没有必要的加这个的

a 标签加display:inline-block,可以让多个并列的a标签不换行,注意是inline-block;

2:一定宽度,如果内容太长,需要自动省略多余的部分,并在后面加上“...”,可加上一下CSS
white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;

3:用ul和li的时候,如果不能顶格,需加如下样式:*{margin:0; }

4:滚动条

 <div style="padding:5px; height:80px; font-size:12px; line-height:160%; overflow-x: hidden; overflow-y: auto;"   class="scroll">
.scroll
{ scrollbar-arrow-color: #fff; /*图6,三角箭头的颜色*/ scrollbar-face-color: #fbad7e; /*图5,立体滚动条的颜色*/ scrollbar-3dlight-color: #fff; /*图1,立体滚动条亮边的颜色*/ scrollbar-highlight-color: #fff; /*图2,滚动条空白部分的颜色*/ scrollbar-shadow-color: #fff; /*图3,立体滚动条阴影的颜色*/ scrollbar-darkshadow-color: #fff; /*图4,立体滚动条强阴影的颜色*/ scrollbar-track-color: #fff; /*图7,立体滚动条背景颜色*/ scrollbar-base-color:#fcebd7; /*滚动条的基本颜色*/ Cursor:url(mouse.cur); /*自定义个性鼠标*/ }
原文地址:https://www.cnblogs.com/enamorbreeze/p/4487415.html