transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。transition包含4个属性值：执行变换的属性：transition-property，变换延续的时间：transition- ...
分类：
其他好文 时间：
2020-10-20 16:22:50
阅读次数：
27
typora-copy-images-to:imagestypora-root-url:images网页编程设计B/S架构BBrowser浏览器SServer服务器网页编程设计是每个程序员必懂的一项技能。本阶段课程主要讲解HTML、CSS、JavaScript、JQuery。对于Java程序员而言，不需要像前端工程师那样精通这部分内容，但是也需要做到熟练。HTML、CSS与JS的关系?HTMLHT
分类：
Web程序 时间：
2020-10-19 23:03:44
阅读次数：
36
高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0，给父元素和子元素设置 边框（border: 1px s ...
分类：
Web程序 时间：
2020-10-19 22:56:44
阅读次数：
31
1.启动vscode，点击左侧边栏扩展选项（Ctrl+shift+X）在扩展商店中搜索px to rem 2.安装好之后右击px to rem，点击扩展设置，打开如图界面可以设置当前rem与px的比例值 如图所示，我设置的比例为100px：1rem 3.找到你需要转换为rem的css文件，全部选中（ ...
分类：
其他好文 时间：
2020-10-19 22:45:33
阅读次数：
25
一BFC(Block formatting context): 称为块级格式化上下文，是CSS中的一种渲染机制。是一个拥有独立渲染区域的盒子(也可以理解为结界)，规定了内部元素如何布局，并且盒子内部元素与外部元素互不影响。 二 文档流和非文档流的定义： 文档流：将窗体自上而下分成一行行，并在每一行中 ...
分类：
其他好文 时间：
2020-10-19 22:40:31
阅读次数：
18
假如需要你实现换行对齐，你可能会想到ul标签和li标签自带这种功能 确实在使用li标签自带的项目符号的时候可以直接使用，但是有时可能会有不一致时 就需要我们动手写两行代码来实现一下，比如这种效果： 项目符号是数字和顿号，如果我们直接复制粘贴这四行文字则会得到如下结果 文字换行后是不和项目符号对齐的， ...
分类：
Web程序 时间：
2020-10-18 17:11:32
阅读次数：
51
代码结构如下： 1、html部分 <div class="tab"> <router-link tag="div" class="tab-item" to="/recommend"> <span class="tab-link">推荐</span> </router-link> <router-li ...
分类：
其他好文 时间：
2020-10-18 17:05:42
阅读次数：
27
一、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。 二、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。 三、jQuery、Ajax等。jQuery没有过时，它仍然是 ...
分类：
Web程序 时间：
2020-10-18 17:04:41
阅读次数：
48
1，CSS3 边框用CSS3，您可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序（如Photoshop等作图软件），极大地帮助您节省了很多时间。 而在本节中，您将了解以下的边框属性有： border-radius box-shadow border-image（需要注意的是：该属性不支 ...
分类：
Web程序 时间：
2020-10-18 16:33:39
阅读次数：
30
1，CSS3 border-radius - 指定每个圆角如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。 但是，如果你要在四个角上一一指定，可以使用以下规则： 四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值: 第一个值 ...
分类：
Web程序 时间：
2020-10-18 16:32:03
阅读次数：
30
