引言 梳理完HTML的知识点，接下来就是CSS了，作为HTML的“美妆”，人靠衣裳马靠鞍，重要程度可想而知 简单的学习完CSS知识后发现了很多以前想不通的一些事情，比如说一些界面的特效和样式现在终于明白原理了 像一些漂浮移动的图片、等待的动画画面还有一些动作的特效都大概知道是用什么实现得了 并且也知 ...
分类：
Web程序 时间：
2021-03-17 15:06:07
阅读次数：
0
我们都知道标准盒模型和怪异盒模型是有不同的 但是知道遇到一个面试题，还是感觉自己理解的不够深刻 面试题： 一个div宽200高100，padding-top为50%，问实际高度为多少？ 一道题很多坑： 坑一：不要想当然的是一个盒模型，两个都要答！ 坑二：只有50%，没有给父元素高度！ 坑三：注意注意 ...
分类：
Web程序 时间：
2021-03-17 14:55:34
阅读次数：
0
JQuery的选择器 页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。 jQuery几乎支持主流的css1~css3选择器的写法， ...
分类：
Web程序 时间：
2021-03-17 14:22:35
阅读次数：
0
SPA仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。 优点： 用户体验好、快，内容的改变不需要重新加 ...
分类：
其他好文 时间：
2021-03-17 14:09:39
阅读次数：
0
当前元素内容溢出的时候的处理方案。 | visible | 默认值。内容不会被修剪，会呈现在元素框之外。 | | | | | hidden | 内容会被修剪，并且其余内容是不可见的。 | | scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 | | auto | 如果内容被 ...
分类：
Web程序 时间：
2021-03-16 14:06:00
阅读次数：
0
安装 mini-css-extract-plugin 抽离 css 内容 npm install mini-css-extract-plugin -D 压缩 css 代码 npm install optimize-css-assets-webpack-plugin -D 压缩js npm insta ...
分类：
Web程序 时间：
2021-03-16 14:04:04
阅读次数：
0
#前端学习——基础篇 ##四、CSS学习 4.7、css三大特性 一、继承性 子元素继承父元素的样式 不是所有的属性都能被继承（width、height、background、padding、border、margin、text-decoration） 可以继承的属性（部分）： 字体系列属性 fon ...
分类：
Web程序 时间：
2021-03-16 13:20:18
阅读次数：
0
美化网页元素 3.1 为什么要美化网页 有效的传递页面信息 美化网页，页面漂亮，才能吸引用户 凸显页面的主题 提高用户的体验 span标签：重点要突出的字用span标签套起来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
分类：
Web程序 时间：
2021-03-15 10:58:49
阅读次数：
0
5 浮动 标准文档流 块级元素：独占一行 h1~h6 p div 列表。。。 行内元素：不独占一行 span a img strong 行内元素可以被包含在块级元素中，反之，则不可以~ 5.2 display 却可以这样做 <!DOCTYPE html> <html lang="en"> <head ...
分类：
Web程序 时间：
2021-03-15 10:58:26
阅读次数：
0
6.定位 6.1 相对定位 6.2 绝对定位 6.3 z-index <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>默认情况</title> <style> div{ margin: 10px; paddi ...
分类：
Web程序 时间：
2021-03-15 10:57:59
阅读次数：
0
