CSS
文章平均质量分 90
愚蠢史迪奇
前端学习之路。。。
展开
-
前端大杂烩之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 · 187 阅读 · 0 评论 -
前端大杂烩之CSS(二)
5. position和display。(1)display属性的值与作用; none1)表示该元素不会显示,并且该元素的空间也不存在,可理解为已删除;2)visibility:hidden只是将元素隐藏,但不会改变页面布局,但也不会触发该元素已经绑定的事件;3)opacity:0,将元素隐藏,不会改变页面布局,但会触发该元素绑定的事件。 inline1)内联元素,与其他元素在一行;2...原创 2018-04-25 11:04:32 · 186 阅读 · 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 · 268 阅读 · 0 评论 -
前端大杂烩之CSS(六)
19. 如何创建BFC?解决什么问题? BFC(边距重叠解决方案) 1、BFC的基本概念: 块级格式化上下文; 2、BFC的原理:BFC的渲染规则 ①:在BFC这个元素的垂直方向的边距会发生重叠。 ②:BFC的区域不会与浮动元素的box重叠。 ③:BFC在页面上是一个独立的容器,外面的元素不会影响里面的元素,里面的元素也不会影响外面的元素 ④:计算BFC高度时,浮动元素也会参与...原创 2018-05-04 15:28:34 · 200 阅读 · 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 · 130 阅读 · 0 评论 -
前端大杂烩之CSS(四)
11. css dpi 和 ppi 1. dpi:(dot per inch)每英寸多少点,该值越高,则图片越细腻,用于打印; DPI是Dots Per Inch(每英寸所打印的点数)的缩写,是打印机、鼠标等设备分辨率的单位。这是衡量打印机打印精度的主要参数之一,一般来说,该值越大,表明打印机的打印精度越高。 注意:DPI是手机图片输出的一个衡量标准,一般用于图片打印时调节参数。针对特定的图像...原创 2018-04-29 10:34:30 · 171 阅读 · 0 评论