当我们想让文字溢出后隐藏并添加省略号的效果 在当前容器或父容器必须要设置宽度，否则代码会失效。 .box { width : 50% ; text-overflow : ellipsis ; /* 文字隐藏后添加省略号 */ white-space : nowrap ; /* 强制不换行 */ overflow : hidden ; /* 自动隐藏文字 */ w...

2018-06-24 01:30:04

学习前端有一段时间了，一直在看书上的理论知识，而实战项目却很少。师兄常说，想要知道自己的实力有多少，知识掌握了多少，最好的方法就是去实践了，实践出真知嘛。于是决定在这个假期里，主要是通过项目的实践以及理论知识的辅助来提高代码水平。首先是做几个HTML5+C...

2018-06-24 01:30:08

meta https://zhidao.baidu.com/question/2052283721385566387.html name 跟 id 的区别 http://blog.csdn.net/frankzcy/article/details/5570265...

2018-06-24 01:30:17

CSS动画属性会触发整个页面的重排relayout、重绘repaint、重组recomposite Paint通常是其中最花费性能的，尽可能避免使用触发paint的CSS动画属性，这也是为什么我们推荐在CSS动画中使用 webkit-transform: translateX(3em) 的方案代替使用 left: 3em ，因为 left 会额...

2018-06-24 01:30:08

A ． 使用选择器来插入内容 h2:before{ content:" 前缀 "; } h2:after{ content:" 后缀 "; } B ． 指定个别的元素不进行插入 h2.sample:before{ content:none; } 2. 插入图像 A ． 在标题前插入图像文件 h2:before{ content:url(anwy.jpg); } B ． 将 alt 属性的值作为...

2018-06-24 01:30:05

animation-timging-function 主要是控制css动画从开始到结束的速度。 linear：线性过渡。等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0) ease：平滑过渡。等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0) ease-in：由慢到快。等同于贝塞尔曲线(0.42, 0, 1.0, 1.0) ease-out：由快到慢...

2018-06-24 01:30:05

1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 用公式表示就是： 盒子=边框+内边距+内容区域+外边距 元素框的最内部分是实际...

2018-06-24 01:30:00

在制作页面的时候，经常会遇到文本图片需要居中的情况，这时候，只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了，先来看看这个现象。 1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 title 行高 / title 6 st...

2018-06-24 01:29:58

先上效果图 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlestyle type="text/css"*{margin: 0;padding: 0;}#content{width: 500px;height: 300px;margin: 40px auto;position: relative;transform-style: preserve-3d;}#contentdiv{width: 100%;height: 100%;p...

2018-06-24 01:29:51

专注前端开发者的视频直播分享平台——码易极客 6月份直播/回放推荐收看： 【精彩回放】晴明老师教你用React Native清空购物车（上） https://www.mayigeek.com/mayi-edu-web/user/html/live.html?id=62stat=2 【精彩回放】晴明老师教你用React Native清空购物车(下) h...

2018-06-24 01:29:45