- 博客(12)
- 收藏
- 关注
RSS订阅原创 CSS之水平、垂直及水平垂直居中
本文总结了布局中实现元素水平居中、垂直居中及水平垂直居中的常用方法一、水平居中1）文本 / 行内元素 / 行内块级元素#parent { text-align: center; }2）单个块级元素ele { width: 100px; // 必须定宽 margin: 0 auto;}3）多个块级元素#parent { text-align: center;}.s...
2020-01-13 16:06:53
149
原创 CSS3之flex布局
flex是Flexible Box的缩写，意为“弹性布局”，flex布局是w3c提出一种新的布局方案，它可以简便、完整、响应式的实现各种页面布局。现在所有的浏览器都支持flex。CSS3 的 flex 布局解决了传统布局中一些比较棘手的问题，如各种居中问题。传统布局中需要多行代码才能解决的问题，flex 可能只需要一两行代码就解决了。1. flex 布局原理：通过给父盒子添加 flex 属性...
2019-11-24 22:52:17
223
原创 Linux 命令行基础入门
Linux 的命令行十分强大，作为程序员有必要学习，不求多么精通，但起码要会用，不要别人写的时候一脸茫然。如何学习先学单词命令全写缩写创建目录make directorymkdir删除removerm移动 / 重命名movemv复制copycp罗列listls改变目录change directorycd创建文件...
2019-11-02 00:45:38
353
原创 正斜杠 "/" 与 反斜杠"\" 的区别
在一些路径和链接中，都有斜杠，但有时候是正斜杠 “/”,有时候是反斜杠 “\” ,那么二者有什么区别，怎么使用呢？正斜杠 / 与反斜杠 \ 的区别在绝大多数地方，用的都是 /（slash），包括Mac/Linux，也包括URL。你唯一需要记住的是，Microsoft这个怪鸡在自己的操作系统里面偏要用 \（backslash），使得自己与众不同。Unix使用斜杠 / 作为路径分割符，而Web应...
2019-11-01 23:06:53
382
原创 CSS知识点总结
一些重要的知识点，总结一下1.CSS优先级：1）优先级高的样式覆盖优先级低的样式；2）同一优先级的样式，后定义的覆盖先定义的，即后来者居上。外部样式表多用于公有样式，内部样式表多用于私有样式，而行内样式更多用于小修改或者优先级方面。2.为了避免 class 命名的重复，命名是一般取父元素的 class 名作为前缀，例如：<div class="column"> <h3...
2019-10-20 00:02:52
119
原创 CSS之BFC（块级格式化上下文）
在CSS中，页面中任何一个元素都可以看成是一个盒子。在普通文档流( normal flow)中，盒子会参与一种格式上下文( formatting context)这个盒子可能是块盒子( block- levelbox)，也可能是行内盒子( inline- evel box)。一个盒子只能是块盒子或者是行内盒子，不能同时是块盒子又是行内盒子。其中块盒子参与BFC(块级格式上下文)，行内盒子参与IF...
2019-10-19 16:29:03
258
原创 CSS之层叠上下文
层叠上下文是一个非常重要的概念，理解层叠上下文，不仅可以帮助我们深入理解 z-index 对元素堆叠顺序的控制，而且对于我们深入理解浮动和定位也是非常重要的。1. 什么是层叠上下文？ 层叠上下文，是 HTML 中的一个三维概念。从 " z-index "这个属性可以知道，虽然网页是平面的，但实际上网页是三维结构，除了水平 ...
2019-10-19 00:57:30
556
转载 NodeJS、NPM安装及配置
这篇文章讲的很好，特此奉上链接 ： Windows下NodeJS安装与npm环境变量配置几点重要说明现版本 Node.js 都内置了 npm, 所以 npm 不必独立安装。安装完 Node 后控制台输入 node -v、npm -v 可以查看 Node 和 npm 的版本；nrm的安装：控制台输入 npm install -g nrm ，全局安装nrm。使用：控制台输入 nrm ls ...
2019-10-14 14:28:06
185
原创 Npm的作用及其与Node.js的关系
本篇文章不讲如何安装npm，毕竟这样的文章的网上一大堆，只说说Npm的原理及其作用。Npm是什么npm（node package manager）Node的包管理工具，这是官方术语，是不是看的一脸茫然，其实没必要这么复杂。npm可以看做一个托管代码的仓库，当开发一个大型网站时，可能会用到许多类库、框架。比如要用到 jQuery、 BootStrap、React等等，那么开发者就要到对应的网站...
2019-10-14 13:46:21
935
转载 转载：网页左右两列等高布局的5种实现方法
在布局中，通常会要求页面中的左右两列（或多列）高度相等，方法有很多，看到一篇不错的博文，特此转载： 网页左右两列等高布局的5种实现方法
2019-08-27 17:57:01
603
原创 width:100%与width:auto的区别
在布局中，width:100%和width：auto都会经常用到，那么，二者究竟有何区别呢？下面就来探讨下。先上代码<style> * { margin: 0; padding: 0; } .parent { width: 800px; margin: 50px auto; border: 2px ...
2019-08-27 01:29:25
246
原创 响应式布局之百分比布局
响应式布局即是一个页面能适应不同的终端，且能够呈现良好的显示效果。本文主要介绍一些平时做项目会用到的方法，复杂的项目也会同时用到其中的几种，根据项目实际情况进行选择。百分比布局（流式布局）百分比是一种相对于包含块的计量单位。利用对属性设置百分比来适配不同屏幕，注意这里的百分比是相对于父元素；1. 究竟相对于谁的百分比？有父元素则相对于父元素的宽度，无父元素则相对于浏览器窗口的宽度；2. ...
2019-08-20 02:07:43
3498
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人