两瓢饮

摘要： 纵向设置滚动条 overflow-y: scroll 下面2个div占据屏幕宽度一半，将右边设置滚动条（滑动滚动条时，左边部分不动） <div id="container"> <div id="left"></div> <div id="right"> ... </div> </div> css如下 阅读全文

摘要： 设置文字不换行，超过的部分用“...”代替 以下为代码 div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; } 除width属性外，顺序不要颠倒哦！ 鼠标指向显示全部文字div:hove 阅读全文

摘要： 在响应式web设计中，CSS3 @media是一个入门级的技巧 CSS3 @media（也成为CSS3媒体查询）其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备 media用来指定特定的媒体类型，例如 阅读全文

摘要： 雪碧图：多个图片集成在一个图片中的图使用雪碧图可以减少网络请求的次数，加快运行的速度。 首先需要给li设定一个恰当的固定的宽高 比如{width: 24px;height: 24px;} <ul> <li></li> <li></li> <li></li> <li></li> <li></li> < 阅读全文

摘要： 第三方动画库的使用 1.名字叫:animate.css 2.封装了很多工作中常用的动画 3.在使用第三方时候,需要加上animated类名 1.名字叫:animate.css 2.封装了很多工作中常用的动画 3.在使用第三方时候,需要加上animated类名 首先https://daneden.gi 阅读全文