CSS
伏见伊奈里
唱唱反调
展开
-
css预处理器
css预处理器原创 2017-07-27 16:49:42 · 249 阅读 · 0 评论 -
Canvas(三):画各种线
canvas原创 2017-05-11 15:01:45 · 2304 阅读 · 0 评论 -
CSS Sticky Footer
实现页脚绝对在底部原创 2017-07-17 18:24:47 · 407 阅读 · 0 评论 -
web前端开发经验总结
作为一个新的小前端,谨以此文记录我的前端之路:以我现在的认知,我暂时把前端分成三个阶段。1、第一阶段:静态页布局纯html和css布局,切页面之前要好好考虑如何布局,该使用什么标签比较合适,最好清除全局默认样式,根据需要添加样式。一些css3新属性,要考虑它们的兼容性。在此期间,我遇到的的印象深刻的问题有:001)ul里面的li一行显示 布局方法:float...原创 2016-11-18 18:32:12 · 5389 阅读 · 1 评论 -
强制换行
强制不换行 p { white-space:nowrap; }自动换行 p { word-wrap:break-word; word-break:normal; }强制英文单词断行 p { word-break:break-all; }*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。span { display:block; }...原创 2017-03-26 14:38:37 · 289 阅读 · 0 评论 -
CSS3新属性box-sizing
语法:box-sizing:content-box | border-box默认值:content-box适用于:所有接受width和height的元素继承性:无取值:content-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即翻译 2016-06-20 23:39:52 · 414 阅读 · 0 评论 -
css3渐变SVG渐变
css3实现的梯形渐变background:linear-gradientsvg实现的梯形渐变linearGradient css.toLeft { margin-top:15px; width:300px; height: 15px; ba原创 2017-05-06 12:45:52 · 3850 阅读 · 0 评论 -
Canvas(一):画矩形
什么是 Canvas?HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成. 标签只是图形容器,您必须使用脚本来绘制图形。你可以通过多种方法使用Canva绘制路径,盒、圆、字符以及添加图像。浏览器支持表格中的数字表示支持 元素的第一个浏览器版本号。元素原创 2017-05-10 18:28:55 · 1212 阅读 · 0 评论 -
文本溢出:单行文本,多行文本溢出显示省略号
单行文本溢出隐藏出现省略号 text overflow ellipsis //多行文本溢出隐藏出现省略号 .box { width: 200px; white-space: nowrap; //文本不会换行,文本会在在同一行上继续,直到遇到 标签为止 overfl原创 2016-08-26 11:53:25 · 863 阅读 · 0 评论 -
css组合选择符
/*后代选取器(以空格分隔)*/ /*匹配所有该元素的后代元素。*/ .body1 p { background-color:red; } /*子元素选择器(以大于号分隔)*/ /*子元素选择器(Child selectors)只能选择作为某元素子元素的元素。*/ .body2>p { background-color:yellow; } /*相邻兄弟选择器原创 2016-06-15 20:27:02 · 950 阅读 · 0 评论