All Posts

CSS中字体和背景(font && background)

目录:图标字体图标字体(inconfont) -在网页中经常需要使用一些图标,可以通过图片引入图标,但是图片大小本身比较大,并且非常的不灵活 -所以在使用图标时,我们还可以将图标直接设置为字体 通过font-face的形式来对字体进行引入fontawesome 使用步骤 1.官网https://fontawesome.com/ 2.解压 3.将css和webfonts引入到项目中 4.将all.css引入到网页中 5.使用图标字体-直接通过类名来使用图标字体 class="fas fa-bell" fas和fab是固定格式 class="fab ......"通过伪元素来设置图标字体 ...

CSS-定位的简介-相对定位-绝对定位

  top bottom left right 绝对定位  -position:absolute -绝对定位的特点   1.不设置偏移量不会发现变化   2.开启绝对定位后,元素会从文档流脱离   3.绝对定位会使元素提示一个层次   4.绝对定位会改变元素的性质,内行变成块,块的宽高被内容撑开   5.绝对定位元素是相对于其包含块进行定位的 包含块 -正常情况下   包含块就是离当前元素最近的祖先元素-绝对定位的包含块   包含块就是离它最近的开启了定位的祖先元素      如果所有的祖先元素都没有开启定位则根元素就是它的包含块  -html(根元素,初始包...

javaScript运算符

1.递增运算符 ++变量 变量++ var num =10; ++num; //++在前先自加1后返回值 num++; // ++在后面先返回值,在自身加一比较运算符 >= <= == != === !== //在程序中== 默认有转换数据类型 console.log(18 == '18'); //true // 全等,必须包括数据类型 console.log(18 === '18'); //false //3.逻辑运算符 逻辑与 && 只要有一个假...

javaScript数据类型转换

1.数字型转换字符串型 : ① 变量.toString(); var num = 10; var str = num.toString(); console.log(str); console.log(typeof str);②. 强制类型转换String(变量);console.log(String(num));③.隐形转换,利用 + 拼接字符串方法实现 console.log(num + ''); var num1 = 11; console.log(num1);2.转换...

盒子模型--水平方向布局--垂直方向布局

水平方向布局元素的水平方向的布局 元素在其父元素中水平方向的位置由以下几个属性共同决定margin-leftborder-leftpadding-leftwidthpadding-rightborder-rightmargin-right一个元素在其父元素中,水平居中必须满足以下的等式    margin-left 加 border-left 加 padding-left 加 width 加 padding-right 加 border-right 加 margin-right = 父元素内容区的宽度(必须满足) width为200px 0 + 0 + 0 + 200...