司徒炼

摘要： 网格布局 目前，谷歌浏览器及火狐浏览器已经对网格布局给予了充分支持。 定义网格布局 类定义了网格布局，就叫网格容器吧，其子元素就叫grid项目。 grid template rows 这个定义了每一行的高度，上面代码就是定义了3行，每行高度分别是200px，100px，200px; grid tem 阅读全文

摘要： 什么是响应式布局 响应式就是网页内容会随着访问它的视口及设备的不同而呈现不同的样式 如何适配各种浏览器 从最简单的‘基本’做起，再逐步扩充，即渐进增强，这是比较简单的做法，而优雅降级则麻烦很多。 基本是相对的，首先要确定平台，如果有较多用户再用IE9，那么得考虑IE9的基础，它支持什么特性， 如果用 阅读全文

摘要： flex布局 将固定的像素大小转换为弹性比例大小 弹性布局可以做到什么 方便垂直居中内容 改变元素的视觉次序 在盒子里自动插入空白及其对其元素，自动对其元素间的空白 自从有了flex，float已经可以说是后娘养的了。 那么问题来了，如何实现flex布局 如上面代码，元素设置了 时，就是一个弹性盒子 阅读全文

摘要： columns + columns 缩写属性设置列宽和列数 + column count 指定元素应该分为的列数 + column width 指定列的宽度 注意 如果把文本换成没有意义的英文字符，要加这个样式 column rule 对于设置所有column rule 属性的简写属性 + colu 阅读全文

摘要： before和after，前者是在元素之前插入东西，后者是在元素后面插入东西，但插入的东西不仅仅只是文字而已，还有图标，以及计算器的操作。 由于两者的操作基本一样，这里以before为例 插入文字 插入图片 计数器 纯数字 拼接文本 计数器也可以拼接文本，不过不用什么加号之类 指定项目编号 大写字母 阅读全文

摘要： 选择器的权重 权重就是我同个元素，有多个选择器的情况下，我该选择哪一个选择器的样式。 通过上面的比较，可以得出，行内样式 id选择器 类选择器 标签选择器 通配符 那么有没有可能让标签选择大于所有的选择器呢，答案是有的，只要加上这行代码 ，任何选择器的权重就是无限大了。 选择器的类型 ID选择器 i 阅读全文

摘要： 选择器的用处就是告知浏览器，我这一大堆的样式要用在哪些元素 选择器很重要，学好了，可以减少很多CSS代码，不用像以前一样，一大堆类选择器。 以下为了方便查看CSS代码，我采用内联样式的方法，但在实际开发中，建议用外联样式，这有利于页面的性能优化。 id选择器 id选择器，要在标签添加id属性和其值， 阅读全文

摘要： CSS又叫做样式层叠表，它是来给HTML打扮的，也就是给HTML穿上个花里花俏的衣服。 CSS的引入 在HTML中CSS总共有三种引入方式 行内样式 利用元素的 属性，标签也叫元素。 内联样式 利用 标签，写在head标签里 外联样式 在外部建立一个css文件，比如Index.css，然后引用它 以 阅读全文

摘要： 这是为完全没有接触过的童鞋写的，属于真正的傻瓜式教程，当然由于本人也不是什么大佬，可能有些知识的理解与自己想的不一样，如果有大佬看到，还请帮我指出。以下主要是HTML5的基础标签的使用。 开发前的准备 预备知识 HTML全称Hypertext Marked Language，即是超标记文本语言，不是 阅读全文

摘要： 当我写下这个的时候是2019年12月16日，应届大学生，现在这行业不好混啊，还是实力太渣了，要求比往年的多很多，所以看到这里的人，如果是大一这样就确定往前端跳的话，那么很幸运你有很多时间去学习了，写有学习的方向。 前端种类 前端大致可以往三个方面走，全栈，混合APP开发，H5游戏开发，由于我主要学的 阅读全文