随笔分类 - 1.2 CSS3
摘要：虽然有点困惑，但只需要记住：对于margin和padding，百分比按照父元素的宽计算，对于定位元素，则按照父元素的高计算。 试一下就知道了！
阅读全文
摘要：参照整理自：https://github.com/jawil/blog/issues/21 http://www.jianshu.com/p/af6dad66e49a px：px是一个相对单位，相对的是设备像素(device pixel) margin：2px，这里的px是逻辑像素。 ppi：每英寸
阅读全文
摘要：一： backgrounde-color：rgba（ ） 设置背景色的时候，可以调节背景色的透明度，注意是背景哦，所以不会存在遮罩问题。见图
阅读全文
摘要：https://www.zhihu.com/question/28082877
阅读全文
摘要：http://www.w3cplus.com/blog/tags/136.html http://www.w3cplus.com/css3/css-secrets/sticky-footers.html ————————————————————— 引用 ———————————————————————
阅读全文
摘要：水平居中： 一：内联元素居中，让其父级块元素居中即可！ 二：块元素居中，margin-left，margin-right：auto； 还有注意宽度哦！ 宽度为100%，是看不出的，宽度是100%还用居中？ 垂直居中: 一：设置padding 二：height = line-height 三：disp
阅读全文
摘要：1.box-sizing： width(宽) + padding(内边距) + border(边框) = 元素实际宽度 height(高) + padding(内边距) + border(边框) = 元素实际高度 box-sizing:border-box： 元素的width = border-wi
阅读全文
摘要：第一章：CSS布局基础 1.CSS的精髓是布局，而不是样式哦！ （定要好好的研究布局哦，尤其配合html5） 2. html标签的语义性，要好好的看看哦！ 3.DTD：文档类型定义。 4.内联——》内部——》外部 5.导入css样式表： <link href="" rel="stylesheet">
阅读全文
摘要：一：预热回顾 1.CSS中每个元素都有定位特性，默认为static！ 2.参照物 坐标系 坐标系单位（百分比、px） absolute：若祖先标签不具备参照物特质（position：relative、absolute），则以浏览器窗口边框 html进行定位。 脱离文档流 relative： 以原始位
阅读全文
摘要：一：解决div里面的img图像宽度不变，高度不变！ 超出div部分设置隐藏！ 图片：1920x526 div容器： 1423x526 1. background-image：样式实现 img： 标签或者html组建实现 2.一般来说，如果是装饰性的图片就使用background-img，如果和文体内
阅读全文
摘要：一：浮动元素的居中问题 元素定长：margin：0 auto。 元素变长：使用定位。
阅读全文
摘要：一：less、sass是为了解决什么？ 为什么要让css以编程语言来书写呢？
阅读全文
摘要：1.float元素会自动成为一个块元素。 2.float元素，会脱离文档流！ 默认脱离文档流的元素的z-index值是比没有脱离文档流的元素高的！ 3.float：没有上下哦， 上下用margin取负！
阅读全文
摘要：1.媒体查询的css代码的优先级要比其他的高！ 2.text-overflow: 定义文本溢出父级元素如何处理！ clip/ellipsis/string 3.overflow: visible hidden scroll auto inherit scroll 和 auto有区别吗？
阅读全文
摘要：块元素： 1.占用整行宽度 2.前后都有换行符 3.拥有完整的盒模型结构 行内元素： 1.根据内容决定占用宽度 2.前后不换行 3.不拥有完整的盒模型结构 补充： warning： 1.一个内联元素设置为display:block是不允许有它内部的嵌套块元素。 2.块级元素可以包含行内和块级，但行内
阅读全文
摘要：一：position定位 a: static 定位 ，HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。 b: fixed 定位, 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动： 脱离文档流，因此
阅读全文
摘要：1.less是什么？ 答：将CSS赋予动态语言的特性， 变量，继承，运算，函数。 （less就是一个用js实现的CSS解析器，运行要依赖js引擎）。 2.运行原理： 按照指定语法规则写好less文件，然后引入页面（在浏览器环境下），再引入less解析器（less.js） 这时我们就可以将less文件
阅读全文
