CSS预处理器-Less/Scss

CSS 

CSS 编写的痛点CSS 作为一种样式语言,本身用来给HTML元素添加样式是没有问题的CSS 常见单位详解但是目前前端项目已经越来越复杂,不再是简简单单的几行CSS就可以搞定的,我们需要几千行甚至上万行CSS来完成页面的美化工作随着代码量的增加,必然会造成很多编写不便- 比如大量重复的代码,虽然可以

CSS 常见单位详解

CSS 

CSS 常见单位详解编写CSS时,我们经常会使用 px 来表示一个长度(大小),比如 font-size 设置 18px,width 设置为100pxpx 是一个长度(length)单位,事实上 CSS 中还有很多的长度单位整体可以分成两类绝对长度单位(Absolute length units)相

CSS函数-BFC-媒体查询

CSS 

HTML5 新增元素HTML5语义化元素在HTML5之前,我们的网站分布层级通常包括那些部分呢- header、nav、main、footer但是它们都是通过 div 来实现的,有一个弊端- 过多的使用 div,通过 id 或者 class 来区分元素- 对于浏览器来说这些元素不够语义化- 对于搜索

CSS 编写顺序的思路

CSS 

先确定盒子本身是如何布局position: absolute;float: left/right;display: flex;盒子的特性和可见性display: block/inline-block/inline/nonevisibility/opacity盒子模型width/heightbox-s

CSS-形变和动画

CSS 

CSS属性 - transformCSS transform 属性允许对某一个元素进行某些形变、包括旋转、缩放、倾斜或者平移等。transform 是形变的意思,transformer 就是变形金刚注意事项:并非所有的盒子都可以进行 transform 的转换(通常行内级元素不能进行形变)所以,tr

css显示省略号的几种方式,以及设置无效的解决方案

CSS 

1、行内元素超出显示省略号text-overflow: ellipsis;tip: 适用于宽度固定的行内元素2、块级元素超出显示省略号display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-cla