前端基础之HTML+CSS（六）
前言
本篇主要介绍了CSS的多种布局方式：弹性盒布局、多列布局、响应式布局、网格布局。
布局方式
盒子模型
标准盒子模型
标准 W3C 盒子模型包含了 元素内容（content）、内边距（padding）、边框（border）、外边距（margin） 几个要素，并且 content 部分不...
css终极方案PostCSS
一见如故
原理
所有的css框架都在一样的事，那就是由一个css生成一个新的css，那么postcss就来做了一个抽离： 1、将原有的css解析成抽象语法树 2、中间经过若干个插件 3、重新文本化，形成新的css
postcss.config.js
module.exports = {
...
Web前端开发术语
响应式设计（RWD）
早年设计 Web 时，页面是以适配特定的屏幕大小为考量创建的。如果用户正在使用比设计者考虑到的更小或者更大的屏幕，那么结果从多余的滚动条，到过长的行和没有被合理利用的空间，不一而足。随着人们使用的屏幕尺寸的种类越来越多，出现了响应式网页设计的概念（responsive web...
前端随笔：HTML/CSS/JavaScript和Vue
前端随笔 1：HTML、JavaScript和Vue
最近因为工作需要，需要接触一些前端的东西。之前虽然大体上了解过HTML、CSS和JavaScript，也知道HTML定义了内容、CSS定义了样式、JavaScript定义了行为，但是却没有详细的学习过前端三件套的细节。而最近的工作中需要使用Vu...
HTML+CSS收官
补充重要知识点
防脱发神器
意思就是加上这个，可以了。 上面一个简单的例子。 只要改成border-box。我们就设置的就是包括边距，总共的了。这样是比较符合我们的自觉地的。
颜色的alpha通道
那么他和这个 opacity有什么区别呢， 其实显而易见，就是opacity是这个item...
css+js实现点击特效效果
话不多说，先上效果图
实现代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initi...