![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Programmer boy
学无止境
展开
-
HTML5和CSS3的新特性(浓缩好记版)
综述:这个问题在面试的时候经常被问到,有必要做一个总结,理解的深刻充分一些1.html5的新特性?(记住有九大模块内容) 添加了video,radio标签 添加了canvas画布和svg,渲染矢量图片 添加了一些列语义化标签header,footer,main,section,aside,nav等 input的type值新添加了很多属性(email,ur...原创 2018-08-22 16:22:33 · 11438 阅读 · 3 评论 -
使用sass预处理器的优劣
综述:sass使用编程的思维来开发css,代码得到了复用,提高了开发效率,类似的还有less1.sass的优势?sass预处理器,他依赖于ruby(runtime),在开发前需要先安装开发环境,sass的主要特点和优势有: sass分为sass和scss两个版本,scss版本是最新的,其中是由大括号的,更加靠近css的语法,sass则是上一个版本的语法 可以使用变量...原创 2018-08-21 17:15:42 · 1024 阅读 · 0 评论 -
Flex弹性布局介绍
综述:flex布局是一种十分常见的布局方式,需要积累一下,十分重要核心:flex布局主要是通过给父元素和子元素设定相应的值,实现自适应,容器和子元素分别有6大属性1.父亲元素,也就是容器的六大属性介绍 在使用弹性布局之前首先要构建一个容器,给容器设定display:flex值,Webkit 内核的浏览器,必须加上-webkit前缀;所以必须要这样写才能兼容所有浏览器.box{...原创 2018-09-12 15:08:27 · 200 阅读 · 0 评论 -
grid网格布局介绍
综述:很好用的布局方式,flex布局只是在纵向将页面进行了划分。是一维的布局,grid不仅仅有纵向的还有横向的划分属于二维的页面布局方案。一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上图这样的布局,就是 Grid 布局的拿手好戏...转载 2019-08-12 17:15:04 · 809 阅读 · 0 评论