摘要: 水平居中 行内元素: * 如果父元素是块级元素,则直接给父元素设置text-align:center; * 如果父元素是不是块级元素,先将父元素设置为块级元素,再给父元素设置text-align:center; 块级元素: * 需要谁居中,给其设置 margin: 0 auto * 父元素设置相对定 阅读全文
posted @ 2019-08-13 17:05 yangkangkang 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 实现麻将中三点筛子:效果如下图 具体实现代码: html代码: css 代码: 阅读全文
posted @ 2019-08-13 16:35 yangkangkang 阅读(661) 评论(0) 推荐(1) 编辑
摘要: 一、什么是 Flex 布局? flex(Flexible Box)意为“弹性盒子”,用来为盒状模型提供最大的灵活性。 将一个容器指定为Flex布局: display:flex; 行元素也可使用flex 布局: display:inline-flex; 注:设置为flex布局以后,子元素的float、 阅读全文
posted @ 2019-08-13 15:40 yangkangkang 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 圣杯布局和双飞翼布局的目的: 1.三栏布局,中间一栏最先加载和渲染(内容最重要) 2. 两侧内容固定,中间内容随着宽度自适应 3. 一般用于 PC 网页 圣杯布局实现思路: 1. 将最外层的container的padding 设置为 padding: 0 150px 0 200px; 为左右两块让出 阅读全文
posted @ 2019-08-13 11:45 yangkangkang 阅读(135) 评论(0) 推荐(0) 编辑
摘要: * margin-top 和 margin-left 负值,自身元素向上、向左移动; * margin-right 负值,右侧元素左移,自身元素不受影响; * margin-bottom 负值,下方元素上移,自身元素不受影响; 阅读全文
posted @ 2019-08-12 16:33 yangkangkang 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 块状元素 常见元素:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 等等 特点: 1)独占一行 2)高度、行高、外边距和内边距都可以单独设置 3)宽度默认是容器的100%; 4)可以容纳内联元素和其他的块级元素 内联元素 常见元素:<a>,<span>,<button> 等等 阅读全文
posted @ 2019-08-08 15:14 yangkangkang 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 先看下面两段代码 html语义化代码: HTML语义化的好处? 1.让人更容易读懂(增加代码可读性) 2.让搜索引擎更容易读懂(SEO) 搜索引擎根据第一段代码分不清重点,机器只认识标签 阅读全文
posted @ 2019-08-08 14:44 yangkangkang 阅读(496) 评论(0) 推荐(0) 编辑
摘要: 由于我在工作中用的编辑器是 vscode ,所以记录一下vscode 编译sass 的配置 vs code 编译saass 1.在扩展里搜索“easy sass”,直接进行安装即可 2.安装后默认已经做了配置,可以直接进行编译。 eg:新建一个后缀为.scss文件 修改保存后,自动生成了.css 和 阅读全文
posted @ 2019-06-12 16:39 yangkangkang 阅读(6756) 评论(0) 推荐(0) 编辑
摘要: 先看一下下面这段js代码: 这段代码看似很简单,但如果不了解JavaScript运行机制就很容易答错。正确的输出是:1 3 2 一、JavaScript运行机制: 想要弄懂javascript执行机制(运行机制),首先要了解关于js相关的知识点,如下: 1、理解JavaScript是单线程的概念 J 阅读全文
posted @ 2019-04-13 18:33 yangkangkang 阅读(198) 评论(0) 推荐(0) 编辑
摘要: vue-devtools是一款基于chrome浏览器的插件,可以帮我们快速调试vue项目 vue-devtools手动安装: 第一步:找到vue-devtools的github项目(https://github.com/vuejs/vue-devtools),并将其clone到本地 第二步: 安装项 阅读全文
posted @ 2018-07-10 13:21 yangkangkang 阅读(137) 评论(0) 推荐(0) 编辑