2017年11月21日
盒模型 bug 与触发 bfc
摘要： 一、margin合并 css经典bug 两个块级元素 分别设置 margin-bottom 和 margin-top 并不能达到预期效果 上面代码的最终效果 中间的距离 并不是margin-top + margin-bottom 而是 两者 中取大的那个 的值 就像 合并到了一 解决方法 给 up  阅读全文
posted @ 2017-11-21 21:40 清汤不加辣 阅读(175) 评论(0) 推荐(0) 编辑
CSS（四）float 定位
摘要： 一、文档流 网页默认的定位方式 1.行级元素： 从左到右 2.块级元素： 从上到下 文档流的流动方式 从右下 到 左上 ↖ 二、浮动 1、浮动的定义 ， 是元素脱离文档流 遇到父级边界 或相邻浮动元素 停止 2、特点 a）浮动元素不会超过父元素的边框 b) 浮动元素默认不会重叠 c）浮动元素只能左右 阅读全文
posted @ 2017-11-21 20:43 清汤不加辣 阅读(194) 评论(0) 推荐(0) 编辑
CSS（三）背景 list-style display visibility opacity vertical cursor
摘要： 背景background 1.background-color:'' 背景颜色 2.background-image:'' 背景图片 background-repeat:''　背景图片是否平铺 取值： repeat （默认）垂直和水平平铺 repeat-x 仅在水平方向平铺 repeat-y 仅在垂 阅读全文
posted @ 2017-11-21 20:14 清汤不加辣 阅读(164) 评论(0) 推荐(0) 编辑
2017年11月13日
css 负边距
摘要： 负边距 可以改变 他在文档流中的尺寸 当块级元素设置 margin： -10px; 这个快 的大小没变但是他的定位的位置向上串了，压住了上面的文字 而且在他后面的文字 会爬到他身上 而前面的文字 会被他 盖住 即 文档流只能向做上流 在文档流中 元素的最终边界 是由 margin决定的 margin 阅读全文
posted @ 2017-11-13 22:32 清汤不加辣 阅读(135) 评论(0) 推荐(0) 编辑
CSS（二） 颜色 盒模型 文字相关 border
摘要： 一、颜色 rgb(r,g,b) rgb取值 0-255 分别是 色光三元色 red green blue rgba(r,g,b,a) rgb同上 a 是 alpha 代表透明度 colot : #ffffff; 6个16进制 两两 一组 三组分别代表 rgb 如果 其中一组ff 可以 简写为 f 二 阅读全文
posted @ 2017-11-13 22:31 清汤不加辣 阅读(182) 评论(0) 推荐(0) 编辑
CSS（一） 引入方式 选择器 权重
摘要： Css（一） Cascading Style Sheet 层叠样式表 css注释方式/* */ 一、Css引入方式 1. 行间样式 style=" key:value; " 2.页面级css 即在 head 标签里 写 style 标签 里面写行间样式 (不推荐) 4.@import url()引入 阅读全文
posted @ 2017-11-13 20:59 清汤不加辣 阅读(224) 评论(0) 推荐(0) 编辑
2017年11月9日
html总结
摘要： html hyper text markup language 超文本标记语言 注释<!-- --> XHTML 与 XML XML（Extensible Markup language） 可拓展标记语言 是 应用程序之间传值常用的工具 它没有预定义标签 需要自己定义，（在java编程中通常各种框架 阅读全文
posted @ 2017-11-09 01:58 清汤不加辣 阅读(165) 评论(0) 推荐(0) 编辑
主流浏览器及内核
摘要： 作为一名前端开发人员的 基本素质 你有必要知道 什么是主流 浏览器 （自主研发内核） 而不像 国内****等 都是用的别人的内核 自己写了个 外壳 阅读全文
posted @ 2017-11-09 00:11 清汤不加辣 阅读(141) 评论(0) 推荐(0) 编辑
2017年11月7日
前端包管理工具 yarn
摘要： yarn 是一个 与 npm 类似的 前端包管理工具 安装 windows 要去官网下载 （一定要去官网下载 .mis 文件进行安装） 用npm 或者 cnpm 也能安装 但是这种安装 有缺陷 不能init 等 https://yarnpkg.com/zh-Hans/docs/install 命令 阅读全文
posted @ 2017-11-07 09:48 清汤不加辣 阅读(1057) 评论(0) 推荐(0) 编辑
2017年11月6日
前端工程化webpack（一）
摘要： webpack 的基本用法 1.app.js 引入模块 2.module.js导出模块 3.打包 这里要使用 webpack 这个命令要 $ npm i -g webpack webpack.config.js的最设置 配置完以上的时候 仅需输入 webpack 就可以实现打包 在文件夹中生成实体文 阅读全文
posted @ 2017-11-06 22:36 清汤不加辣 阅读(253) 评论(0) 推荐(0) 编辑