摘要: 教你学会常用的ES6语法,不常用的遇到再手册,当然有时间还是整体看一遍官方文档。 let和const命令 let命令 不存在变量提升 console.log(ss); //undefined console.log(xx); //报错 var ss = 'a'; let xx = 'b'; var存 阅读全文
posted @ 2018-03-29 10:49 白纱茗-度C 阅读(328) 评论(0) 推荐(0)
摘要: 一、单行文 本溢出显示省略号 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } https://www.cnblogs.com/jyybeam/p/6564453.html 阅读全文
posted @ 2018-03-29 10:46 白纱茗-度C 阅读(159) 评论(0) 推荐(0)
摘要: .elm { width: calc(expression); } 注意事项: 使用“+”、“-”、“*” 和 “/”四则运算; 可以使用百分比、px、em、rem等单位; 可以混合使用各种单位进行计算; 表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)" 阅读全文
posted @ 2018-03-29 10:45 白纱茗-度C 阅读(19092) 评论(1) 推荐(2)
摘要: 第一种: <div class="title"> <div class="flag"></div> <div class="content"> <img src="img_p1_title.png"> </div> </div> css: .title { width: 100%; font-siz 阅读全文
posted @ 2018-03-29 10:43 白纱茗-度C 阅读(602) 评论(0) 推荐(0)
摘要: border-radius: 50%; { width: 40px; height: 40px; border: 70px solid red; border-radius: 90px; } 3. 半圆 { width: 180px; height: 90px; border-radius: 90p 阅读全文
posted @ 2018-03-29 10:37 白纱茗-度C 阅读(7422) 评论(0) 推荐(0)
摘要: 一、css方式 1、media screen and (max-width: 600px){ } 2、media screen and (max-width: 900px){ } 3、media screen and (max-width: 1200px){ } 二、link方式 <link rel 阅读全文
posted @ 2018-03-29 10:35 白纱茗-度C 阅读(130) 评论(0) 推荐(0)
摘要: html,body,h1,h2,h3,h4,h5,h6,div,p,ul,li,ol,p { margin: 0; padding: 0; } input { display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 0; border: ... 阅读全文
posted @ 2018-03-29 10:34 白纱茗-度C 阅读(305) 评论(0) 推荐(0)
摘要: CSS 清除默认样式 通常有以下几句就够了: *{ margin:0; padding:0 } li{ list-style:none } img{ vertical-align:top; border:none } 如果你想写全也可以: /* 清除内外边距 */ body, h1, h2, h3, 阅读全文
posted @ 2018-03-28 21:55 白纱茗-度C 阅读(2841) 评论(0) 推荐(0)
摘要: http://blog.csdn.net/zengyonglan/article/details/53337879 阅读全文
posted @ 2018-03-28 21:53 白纱茗-度C 阅读(2495) 评论(0) 推荐(0)
摘要: http://blog.csdn.net/zengyonglan/article/details/53337843 http://blog.csdn.net/splendid_can/article/details/53351393 阅读全文
posted @ 2018-03-28 21:52 白纱茗-度C 阅读(174) 评论(0) 推荐(0)