浮动，绝对定位元素，非块盒的块容器（例如，inline-blocks，table-cells和table-captions）和'overflow'不为'visible'的块盒会为它们的内容建立一个新的块格式化上下文

前言：这是我看过最好的flex布局教程：30分钟彻底弄懂flex布局 传统的布局方法与flex属性通览 文档流：块级元素独占一行，从上往下排列，行级元素从左往右排列。 display inline-block主要用来做横向的布局。用分离负maigin用来产生位移。 元素的布局 学习flex我分成两个部分，第一个部分是元素布局。以下几个属性影响着...

动态 REM是手机专用,是如何适配所有手机的方案,不是响应式方案,例如 : taobao.com 是专门的PC端m.taobao.com 是专门的手机端,如果用电脑短访问网页布局就很奇怪就像用手机访问pc端没有自适应的网站一样

如果手机端和PC端页面差别很大,就不要写响应式,不要写@media 就直接将两个页面拆开成两个文件就可以了.关于判断是手机端你还是PC端,就交给后端来做只有一些新闻站点和博客站点用响应式,因为布局简单,响应式足够

CSS4:icon全解 1.img法 1.1如何在psd文件里扣出图层里的图标 右键选中这个图层 右击这个图层,把这个图层放到新文件 点击图片的trim按钮,自动切图到最小再调整一下画布大小,将图片设置为长宽一样导出PNG即可 在页面里,PNG图片会默认保持比例,所以只要设置宽高的其中一种就可以了抠图的前端现在基本没有了.属于落后的技术 ...

CSS2:宽度与高度 如果你的CSS代码里经常出现height和width属性,说明你对宽度与高度理解的不够深 1.文档流(Normal Flow) 翻译很烂,应该为普通流,或者常规流. 1.1DIV的高度 1.1.1字体高度与行高 字和字之间是通过基线对齐的 行高与font-size 默认行高是字体设计室写进去的.不同字体行高不一样,跟字体设计有关系.字体的建议...

CSS1：CSS学习方法1.CSS难学与好学1.1CSS为什么难学CSS 属性很多，难以一次性记下来CSS 属性之间互相影响，难以完全掌握CSS 核心概念都写在文档中，但是如果不熟悉一些英文词汇，很难短时间看完 CSS 文档CSS 升级很快，如果学得太慢，会很有挫败感1.2CSS为什么好学CSS 常用套路并不多，不外乎布局、居中、文字省略、位置...

在页面未加载完之前显示loading动画 这里有很多比这篇博客还优秀的loading动画源码 我还参考这篇博客 loading动画代码demo 我的demo预览 {代码...} 加入到实际页面的使用方法 {代码...}

纯JS实现KeyboardNav(学习笔记)二 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没有按逻辑编写 这篇主要是添加css,优化js编写逻辑和代码排版 GitHub项目源码 预览地址 最终效果 KeyboardNav使用指南: 左下角为网站的icon,'.'代表网站无icon或未设置网站 按键盘上相应的按键进入对应网站 鼠标放上去可...

本文总结CSS居中,包括水平居中和垂直居中.本文相当于CSS决策树,下次再遇到CSS居中问题时有章可循. 参考Centering in CSS: A Complete Guide和【基础】这15种CSS居中的方式，你都用过哪几种 本文的引用归原作者所有. 代码在线演示工具JSbin使用指南

这篇博文用来记录我在写html的时候遇到的不清楚的、没有理解的、未能察觉的、反复使用搜索引擎查询的点和一些总结性的知识。方便查阅。不定期更新。 这篇博文内容来源为网络，包含自己的理解总结，欢迎在评论区指出错误。 文章引用的内容版权归原作者所有，侵权删除。

本文简单介绍使用VSCode+GitHub进行项目或者代码的版本控制。本文主要目的是对学习内容进行总结以及方便日后查阅。 详细教程和原理可以参考廖雪峰的Git教程或猴子都能看懂的Git教程。 本文版权归马涛涛所有。 本文所引用的图片和文字版权归原作者所有，侵权删。 如有错误请在下方评论区指出，欢迎积极讨论。

本文简单介绍使用GitHub对代码进行版本控制，包括添加SSHkey、配置Git、使用Git创建版本库并在GitHub上进行管理，主要目的是对学习内容进行总结以及方便日后查阅。 详细教程和原理可以参考廖雪峰的Git教程或猴子都能看懂的Git教程。 本文版权归马涛涛所有。 本文所引用的图片和文字版权归原作者所有，侵权删。 如有错误...

本文简单介绍使用GitHub对代码进行版本控制，包括添加SSHkey、配置Git、使用Git创建版本库并在GitHub上进行管理，主要目的是对学习内容进行总结以及方便日后查阅。 详细教程和原理可以参考廖雪峰的Git教程或猴子都能看懂的Git教程。 本文版权归马涛涛所有。 本文所引用的图片和文字版权归原作者所有，侵权删。 如有错误...