Introduction to the CSS basic box model When laying out a document, the browser's rendering engine represents each element as a rectangular box accord ...
分类：
Web程序 时间：
2021-01-14 11:29:41
阅读次数：
0
1 通过style属性中的 display : none { 这种是最常用方式之一 } 这两种方式的区别是: display 设置为 none之后, 该元素不占用文档流 visibility 设置为 hidden之后, 该元素仍然占用文档流, 只不过是看不见了而已 2 通过style属性中的 vis ...
分类：
Web程序 时间：
2021-01-14 11:17:34
阅读次数：
0
浮动 可以让多个块标签处于同一行 不用转换成行内元素 宽和高以及盒子模型的特征的以保留 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .outerDiv{ bo ...
分类：
其他好文 时间：
2021-01-14 11:07:15
阅读次数：
0
一、如果在创建Vue@3.0项目的时候没有选择sass则需要安装 npm install -D sass-loader node-sass 二、创建.scss样式文件 在 src/assets/sass 文件夹下创建 index.scss 文件 三、配置根目录下面vue.config.js： 如果需 ...
分类：
其他好文 时间：
2021-01-14 10:51:15
阅读次数：
0
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i ...
分类：
Web程序 时间：
2021-01-13 11:26:47
阅读次数：
0
1 元素的显示与隐藏 1.1 display（使用较多，配合js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单，应用广泛） display:none 隐藏（先隐藏元素，不保留位置） dispaly:block 除了转换成块级元素以外，还可以显示元素。 1.2 visibility visib ...
分类：
Web程序 时间：
2021-01-13 10:48:30
阅读次数：
0
一、浮动： ①、float：left/ right； 二、浮动特性： ①、浮动的元素不占有原先位置，后面没有浮动的元素会挤过来压住浮动的元素。 ②、添加了浮动的元素具有了行内块元素的特性： a、不论什么元素都可以设置宽高。 b、所有浮动元素都在一行显示。 c、没有浮动的块级盒子如果没有设置宽度，他的 ...
分类：
Web程序 时间：
2021-01-13 10:47:37
阅读次数：
0
布局 1.盒子模型的宽度如何计算？ <!-- item 的 offsetWidth 是多大？ --> <style> #item{ width: 100px; padding: 10px; border: 1px solid #ccc; margin: 10px; } </style> <div i ...
分类：
Web程序 时间：
2021-01-13 10:33:49
阅读次数：
0
Flexbox布局 Flexbox布局（也叫Flex布局或弹性盒子布局）模块旨在提供一个更有效的布局、对齐方式，并且能够使容器中的子元素大小未知或动态变化的情况下仍能分配好子元素之间的空间。 Flex布局的主要思想是使父容器能够调节子元素的宽度/高度和排列顺序，从而能够最好的填充可用空间。 任何一个 ...
分类：
Web程序 时间：
2021-01-12 11:20:52
阅读次数：
0
:nth-child() :nth-child() 选择器，该选择器选取父元素的第 N 个子元素，与类型无关。 一、选择列表中的偶数标签:nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的，直到最后:nth-child(n+6) 四、选择第 ...
分类：
Web程序 时间：
2021-01-12 10:46:22
阅读次数：
0
