通过百度的源代码为例，来介绍html的基础布局 1.百度首页源代码 baidu.jpg 2.依次介绍html的基础布局 从头开始依次介绍 2.1. 2.1.1.用处 html的头文件，因为html有很多版本，浏览器只有知道html的确切版本，才能正确的显示出html页面信息。因此这就是头文件的作用，用来声音html的版本 2.1.2.用法规范 它必须是html文档的第一行，位于标签之前，并且值得注意的是，它不是一个标签ps：这里...
如果文章对你有帮助，请点喜欢并关注，这将是我最大的动力。 1.理解盒模型 1.1什么是盒模型 如图： upload/attachment/zhishi/upload/20160115/5698a2b319b6a.jpg 1.2.盒模型知识点分析 1.2.1.content 文档的主体部分，可以是文字图片，或者是标签 1.2.2.padding 填充，也就是content和border之间的距离填充距离也可以使用简写 padding：10px 20px 5px 15px 从上开始顺时针上右下左 ...
在在学习css之前，我们需要对HTML的知识有基本的了解！ 什么是CSS? CSS是Cascading style Sheets的简称，中文译作“层叠样式表单”，我把它叫作“层叠样式表”，我感到这样顺口一 点，没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生，实际上无论你用Internet Explorer还是 Netscape Navigator在网上冲浪，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工 具软件制作网页，都有...
因项目某些页面需要重构, 使用了ReactJs, 所以做了一些小demo 源码地址,含有wiki 1.JSX使得在模板插入js变量 2.ReactDomTest 3.使用JSX支持JS与HTML混用 4.创建组件 5.使用属性 props 6.PropsType 7.使用默认属性 GetDefaultProps 8.获取真实dom ...
这篇文章只对接触前端不到两个月，觉得一堆东西要学，但又不知道从何开始的同学有用 写在最前面 前端学习比较好上手，但到了一定阶段深入却比较困难，一个合格的前端应该是个web工程师，而不是JavaScript程序员，因此简单的学习目标 CSS、CSS3 HTML、HTML5 JavaScript、ES6 HTTP协议 性能优化 一门后端语言 更好的方式写代码 线下开发和代码发布 学习路径比较长，对于初级学...
创建项目文件夹 进入项目文件夹 初始化项目 使用npm命令: npm init ,根据提示完成。 安装 Gulp 进入项目文件夹,使用Node的包管理命令npm进行安装. 全局安装 npm install -g gulp 项目依赖中安装 npm install --save-dev gulp 创建Gulp配置文件 在项目根目录新建配置文...
Sass 学习Sass之前,应该要知道css预处理器这个东西,css预处理器是什么呢? Css预处理器定义了一种新的语言将Css作为目标生成文件，然后开发者就只要使用这种语言进行编码工作了。预处理器通常可以实现浏览器兼容，变量，结构体等功能，代码更加简洁易于维护。 那么css预处理器与Sass有什么关系呢,Sass就是属于css预处理器中的一种,还有两款他们分别是Less和 Stylus,这里就不做过多的介绍了...
文件操作 相关模块 Node内核提供了很多与文件操作相关的模块，每个模块都提供了一些最基本的操作API，在NPM中也有社区提供的功能包 fs： 基础的文件操作 API path： 提供和路径相关的操作 API readline： 用于读取大文本文件，一行一行读 fs-extra（第三方）： https://www.npmjs.com/package/fs-extra 同步或异步调用 fs模块对文件的几乎所有操作都有同步和异步两种形式 例如...
第一章：Adobe Photoshop 综合应用 1. Adobe Photoshop CS6入门基础 (免费) 52:25 2. 创建与编辑选区（上） (免费) 47:00 3. 创建与编辑选区（下） (免费) 49:01 4. 掌握图层与图层组（上） (免费) 48:03 5. 掌握图层与图层组（下） 57:34 6. 绘制位图图像（上） ...
转载请注明出处: 安装 1.全局: npm install -g webpack 2.项目: npm install webpack --save-dev 3. 添加 content.js module.exports = It workd from content.js 4. 添加入口文件 entry.js console.log(require(./content.js)) 5. 编译文件打包 webpack ./entry.js bundle.js 6. index.html引入 bundle.js ...
版权声明：此文章转载自诸葛io 孔淼，如需转载请联系听云College团队成员阮小乙，邮箱：ruanqy#tingyun.com 关于爬虫内容的分享，我会分成两篇，六个部分来分享，分别是： 我们的目的是什么 内容从何而来 了解网络请求 一些常见的限制方式 尝试解决问题的思路 效率问题的取舍 本文先聊聊前三个部分。 一、我们的目的是什么 一般来讲对我们而言需要抓取的是某个网站...
最近跟小伙伴们在百度前端技术学院学习前端相关的知识，接下来一系列博客会记录学习的过程和知识点，这是第一篇文章CSS基础。 开发工具：sublime text 3 主要插件： Emmet CSS 什么是CSS 层叠样式表 (Cascading Style Sheets)，常缩写为 CSS， 是一种 样式表 (stylesheet) 语言，用来描述 HTML、XML（包括各种 XML 语言如 SVG、XHTML）文档 的呈现。CSS 描述怎样在屏幕上渲染结...
一、CSS 定位概述 定位概述 - 定位: 定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置 - 普通流定位 - 浮动定位 - 相对定位 - 绝对定位 普通流定位 - 页面中的块级元素框从上到下一个接一个地排列 - 每一个块级元素都会出现在一个新行中(比如元素、元素) - 元素框之间的垂直距离是由框的垂直外边距计算出来的 - 内联元素将...
CSS中， Box Model叫盒模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 的方式。这种方式基本类似于Android开发中的布局方式，所以对于Android developer学习前端布局方式可以很快的入门。但是有一点，在Android中设置margin和padding的顺序是left、top、right、bottom，比如[10, 20, 30, 20];但是在CSS中的顺序是top、right、bottom、left。概述...
分类：WEB前端时间： 2015年9月9日 CSS在Web前端开发中，占有很重要的地位。CSS可以很好的解决内容和变现分离的问题，极大方便后期的维护。CSS样式引入的方式主要有外部样式表、内部样式表、内联样式三种。下面详细的介绍在web开发中css常用的属性。 一、CSS样式引入的方式 1.外部样式表 2.内部样式表 3.内联样式 二、布局常用样式属性和盒子原理（margin/padding） border:1p...