随笔分类 - CSS3
一些容易忘记的样式 CSS 就写在这里吧！
摘要：张鑫xu ： <script src="http://www.zhangxinxu.com/study/down/ie-css3.htc"></script> 让IE能实现CSS3 。
阅读全文
摘要：/** * 定义公共样式的地方 */ /** * 1行 不换行 显示 ... */ .line-clamp{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /** * 0. 最多显示1行 */ .line-clam
阅读全文
摘要：.banner { height: 0; overflow: hidden; padding-bottom: 25.4%; &__img { width: 100%; } } 有前提的啊，前提就是 25.4%是你自己算出来的宽比，当然你看图片都是100%的。
阅读全文
摘要：<div class="wrap-input100 validate-input m-t-85 m-b-35"> <input class="input100" type="text" id="username" name="username" placeholder="用户名"> <span cl
阅读全文
摘要：/* 取消長按討厭的背景色 */ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; *｛｝ 包裹
阅读全文
摘要：1.做响应式 布局 ，首先不着急排版，先放头信息，设置视口什么的： 一般都是这玩意： “viewport”，翻译为中文可以叫做“视区”， <meta name="viewport" content="width=device-width,height=device-height,inital-sca
阅读全文
摘要：点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont
阅读全文
摘要：1. 用 rem 单位， 推荐下载 px to rem 插件， 或者直接网上在线转换也可 || 为什么用 rem ，因为rem相对的是 root 字体的大小，我们可以去设置即可。 2.用vw 单位， 推荐下载 px to vw 插件 , 或者直接网上在线转换也可 || 为什么用 vw ，因为vw相对
阅读全文
摘要：例如我鼠标到了 “常用推荐”、 然后红框就出来了。 其实就是： 常用推荐:hover 红框{ xxxxx样式 } 为什么做这个笔记？ 因为我没效果 ，问老师才知道！ 如果你要这样的话 "常用推荐" 这个区域 一定得有宽高，不能是inline，因为浏览器无法判断你鼠标是否进入他的区域。 例： 即： t
阅读全文
摘要：H5代码： 第一个属性： 设置三行三列的 Grid 布局 grid-template-rows 和 grid-template-columns ， 里面有几个属性就有几行几列。。。。大小自己设置。。。。。： 如果大小为auto ,那么就是占满剩余位置： fr 单位 它类似于 % ，但不是根据父元素来
阅读全文
摘要：除了flex，想让文字垂直居中还可： 1.行高： 2.table-cell + veticel:middle
阅读全文
摘要：鬼知道！ 我写了！ 多少！ 篇 ！ 关于！ flex ！ 的！文章！ 鬼知道！我学了！ 多少！次？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？ 什么什么语法的不介绍 ，有看点的就写一下： 1. flex-flow 的简写 可以看到 换行了不是紧挨着的 是根据父容器的高度 一半 的顶
阅读全文
摘要：定位 postion: 默认： static 即文档流定位。 1.相对定位 (relative) 1.不会影响其他元素， 2.不脱离文档流 3.但是呢 相对单位是占位置的，就是你偏移走了后，之前那个位置还会占这。这点要注意。 4.自身偏移，相对于自己的位置来走，但会覆盖别人，可以用zIndex自己调
阅读全文
摘要：讲下原理即可， 浮动分为 左浮动 右浮动。还有一个清除浮动， //以下有误 请勿参考。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 浮动知识点： 【 拜托浮动遮盖的三个方法 】 ：
阅读全文
摘要：viewprot 标签 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可
阅读全文
摘要：背景铺满、定住整个屏幕： html { background-image: url(./reg-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background
阅读全文
