css笔记

两行省略号

　　text-overflow: -o-ellipsis-lastline;

　　overflow: hidden;
　　text-overflow: ellipsis;
　　display: -webkit-box;
　　-webkit-line-clamp: 2;
　　line-clamp: 2;
　　-webkit-box-orient: vertical;

怪异盒子

　　box-sizing:border-box;

不让换行 white-space:nowrap;

隐藏的部分出现省略号 text-overflow:ellipsis;

这是在标签周围加上一圈样式，不占空间的，加与不加都不影响周围样式

outline:#00ff00 dotted thick;  

text-decoration:underline;     下划线

text-decoration:line-through;  删除线

position:static   默认值

a标签加上 打开新的页面  target="_blank"

/* 定义滚动条样式 */
　　::-webkit-scrollbar {
　　　　width: 6px;
　　　　height: 6px;
　　　　background-color: rgba(240, 240, 240, 1);
　　}

旋转

　　transform: rotate(30deg);

 background: #00FF00 url(bgimage.gif) no-repeat fixed top;

换行对其
 　　text-align: justify;

渐变 ，上下

　　background-image: linear-gradient（）；

渐变，左右

　　background-image: linear-gradient(to right, #FF9341,#FF5D00);

overflow:visible;  默认值。内容不会被修剪，会呈现在元素框之外。