CSS学习
文章平均质量分 76
wangwangwanglichao
努力自学中....想成为一名前端工程师
展开
-
CSS布局之多列布局
前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架搭建之中,又有居中布局/多列布局/全局布局。本文介绍一下多列布局的一些技巧。多列布局定宽 + 自适应1.使用float + overflow:原理: 通过将左边子元素脱离文档流,设置右边子元素规定当内容溢出元素框时发生的事情以达到多列布局;用法:先将左边子元素设置为float:left;再设置右边子元素为overflow:hid...转载 2018-03-31 01:59:32 · 9630 阅读 · 3 评论 -
CSS布局之水平居中和垂直居中
CSS布局之水平居中和垂直居中前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架搭建之中,又有居中布局/多列布局/全局布局。今天介绍一下居中布局的一些技巧。居中布局水平居中1.使用inline-block + text-align:原理:先将子框由块级元素改变为行内块元素,再通过设置行内块元素居中以达到水平居中的目的。#####用法:对子框设置display:inline-bl...转载 2018-03-26 11:59:13 · 3455 阅读 · 0 评论 -
CSS学习笔记之rem学习
px是一个绝对单位,不管屏幕怎么变化,大小固定;rem是一个相对单位,相对于html的font-size大小设置的;根据屏幕大小设置html的fontSize;一般设计稿默认的html的fontSize是100px,因为比较好计算;fontSize最小值是12px,所以不能是10px;写CSS样式的时候只需要将设计稿的值除以100,变成rem单位即可;在js中加上var W = document....原创 2018-07-12 02:23:34 · 239 阅读 · 0 评论