chabc1999的博客

一、准备工作最近在做的一个vue项目中，需要做一个分享海报，头秃！！！首先确定海报那些地方是随机变动的、海报背景、引用二维码生成组件（目前市场上有很多生成二维码的组件，这个项目用的是uqrcode）注意小程序中分享二维码需要现在小程序后台开发设置中配好，不然链接进不去对应小程序中。 //判断昵称信息是否是中文 isChinese(size) { var re = /[^\u4E00-\u9FA5]/; let chartLength=0; f

1、display属性display：none；隐藏对象，不再占有位置。display：block；除了转换为块级元素之外，同时还有显示元素的意思。2、visibility属性visibility:visible|hidden;元素可视或元素隐藏而visibility隐藏元素后，会继续占有原来的位置。3、 overflow属性（针对溢出部分）如果内容溢出一个元素的框（超过其指定高度宽度时）,则值备注visible不剪切内容，也不添加滚动条hidden不显

一、定位组成position属性指定了元素的定位类型。定位：定位模式和边偏移组成1、定位模式决定元素的定位方式，通过position属性设置，其值有：static:静态定位（不能使用边偏移）relative：相对定位absolute：绝对定位fixed：固定定位sticky：粘性定位（兼容性差，ie不支持）2、边偏移决定元素的最终位置，有：方向描述top顶端偏移量，即相对与父元素的上边框的距离bottom底部偏移量left左侧偏移量

1、浮动传统布局有：标准流、浮动、定位。浮动可以让多个盒子在一行显示（无空隙）也可以指定空隙的大小，而行内元素或行内块元素在一行显示时会有空隙，消除这个空隙比较困难。标准流：标签按照默认的方式排列，是最基本的网页布局网页布局第一准则：多个块级元素纵向排列找标准流，横向排列找浮动。（1）简介语法：float:none || left || right;注意：none：默认值，不浮动；left：向左浮动，right：向右浮动；浮动要与父级搭配使用一个元素浮动，按照道理其兄弟也需要浮动

一、概述网页布局的本质：利用CSS摆盒子，装内容。盒子模型由：内容（content）、边框（border）、内边距（padding）、外边距（margin）构成。如图：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WkNnnNg3-1610444078995)(https://www.w3school.com.cn/css/css_boxmodel.asp#pic_center)]...

元素的显示模式即：元素以什么方式进行显示，如div标签独占一行，span标签可以在一行中显示多个。HTML元素分为块元素和行内元素。一、块元素常见的有h1~h6、p、div、ul、ol等 其中div为典型的块元素。特点：独占一行高度、宽度、外边距、内边距都可以控制宽度默认是父级宽度的100%是一个容器或者盒子，其中可以放其他行内元素或者块级元素注意：文字类标签放其他块级元素，如P标签里面不能放div标签。同理如h1~h6也是文字类标签，里面不能放其他块级元素。二、行内元素常见的.

1、基础选择器选择器作用缺点用法标签选择器可以选出所有相同的标签，如p，使用较多不能差异化选择p{color: blue; }类选择器可以选出一个或多个标签使用非常多可以根据需求选择.nav{ color: blue;}（nav:类名）id选择器一次只能选择一个标签，不推荐使用只能使用一次#eg{ color: blue;}（eg：id名）通配符选择器选择所有的标签，不推荐使用选择的太多，有部分不需要*{ color: blue;}2

一、HTML基础1.简介HTML（Hypertext Text Markup Language）即一种超文本标记语言，是构成web页面（Page）的基础。用HTML编写的超文本文档就是HTML文档，是由很多标记组成的一种文本文件。使用HTML描述的文件能够独立于各种操作平台，访问它只需要一个www（万维网）浏览器即可。HTML是一种标记语言而不是编程语言。2.编辑器两款常用编辑器VS Code下载网址：https://code.visualstudio.com/Sublime Text 下载网