当前元素内容溢出的时候的处理方案。 | 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
一、外边距嵌套塌陷问题 当想要调节父级元素里面的子级元素时候,经常会出现带着父级元素一起下调的情况。 那么该如何解决这种情况呢?有以下几种办法。 第一种:给父级元素添加border 第二种:给父级元素添加内边距 第三种:给父级元素添加属性overflow:hidden 第四种:给父级元素设置浮动 二 ...
分类:
Web程序 时间:
2021-03-15 10:55:41
阅读次数:
0
如果css代码有冲突的,你要他显示红色,下面的代码又要他显示蓝色,那么浏览器会进行以下顺序进行比较。谁的权重高,就听谁的。 1、比较重要性: 浏览器的默认样式中的样式,他的重要性是最低的,也是最容易被覆盖的 书写在作者样式表中的普通样式(通常出现层叠冲突都是这里引起的) 最后一个,作者样式表中的cs ...
分类:
Web程序 时间:
2021-03-15 10:50:49
阅读次数:
0
html,css,js加载顺序 1.js放在head中会立即执行,阻塞后续的资源下载与执行。因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控。 正常的网页加载流程是这样的。 浏览器一边下载HTML网页,一边开始解析 解析过程中,发现<script>标签 暂停解析,网页渲染 ...
分类:
Web程序 时间:
2021-03-10 13:38:19
阅读次数:
0
在JSP页面头部添加如下代码: <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.get ...
分类:
Web程序 时间:
2021-03-10 13:06:37
阅读次数:
0