关注
分享
愚蠢史迪奇
前端学习之路。。。
展开
-
前端大杂烩之CSS（五）
14. 移动端布局方案 1. 单位（rem）； 2. 使用<meta>标签中的viewport解决适配问题； 3. 使用弹性布局盒子布局；15. 清除浮动的原理 主要有一个概念，Block formatting contexts （块级格式化上下文），简称 BFC。 如何触发BFC呢？1. float 除了none以外的值 2. overflow 除了visible 以外的值（hid...原创 2018-05-02 09:13:15 · 183 阅读 · 0 评论 -
前端大杂烩之CSS（二）
5. position和display。（1）display属性的值与作用； none1）表示该元素不会显示，并且该元素的空间也不存在，可理解为已删除；2）visibility：hidden只是将元素隐藏，但不会改变页面布局，但也不会触发该元素已经绑定的事件；3)opacity：0，将元素隐藏，不会改变页面布局，但会触发该元素绑定的事件。 inline1）内联元素，与其他元素在一行；2...原创 2018-04-25 11:04:32 · 185 阅读 · 0 评论 -
前端大杂烩之CSS（一）
1. 盒模型，box-sizing CSS中的盒模型一般分为标准W3C盒模型和IE盒模型。在标准盒模型中，width 和 height 指的是内容区域的宽度和高度。而在IE盒模型中，内容区域的宽度和高度还包括了边框、内边距。 在CSS3中新增加了box-sizing属性，能够事先定义盒模型的尺寸解析方式。border-box重新定义CSS2.1中盒模型组成的模式，让元素维持IE传统的盒模型（I...原创 2018-04-21 09:22:43 · 265 阅读 · 0 评论 -
前端大杂烩之CSS（六）
19. 如何创建BFC？解决什么问题？ BFC（边距重叠解决方案） 1、BFC的基本概念： 块级格式化上下文； 2、BFC的原理：BFC的渲染规则 ①：在BFC这个元素的垂直方向的边距会发生重叠。 ②：BFC的区域不会与浮动元素的box重叠。 ③：BFC在页面上是一个独立的容器，外面的元素不会影响里面的元素，里面的元素也不会影响外面的元素 ④：计算BFC高度时，浮动元素也会参与...原创 2018-05-04 15:28:34 · 198 阅读 · 0 评论 -
前端大杂烩之CSS（三）
8. grid布局 CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。首先，你必须使用 display: grid 将容器元素定义为一个 grid(网格) 布局，使用 grid-template-columns 和 grid-template-rows 设置 列 ...原创 2018-04-27 15:16:16 · 127 阅读 · 0 评论 -
前端大杂烩之CSS（四）
11. css dpi 和 ppi 1. dpi：(dot per inch)每英寸多少点，该值越高，则图片越细腻，用于打印； DPI是Dots Per Inch（每英寸所打印的点数）的缩写，是打印机、鼠标等设备分辨率的单位。这是衡量打印机打印精度的主要参数之一，一般来说，该值越大，表明打印机的打印精度越高。 注意：DPI是手机图片输出的一个衡量标准，一般用于图片打印时调节参数。针对特定的图像...原创 2018-04-29 10:34:30 · 169 阅读 · 0 评论