摘要:
像素 屏幕是由一个一个发光的小点构成,这一个个的小点就是像素 分辨率:1920 x 1080说的就是屏幕中小点的数量 在前端开发中像素要分成两种情况讨论:CSS像素和物理像素 物理像素,上述所说的小点点就属于物理像素 CSS像素,编写网页时,我们所用像素都是CSS像素 浏览器在显示网页时,需要将CS 阅读全文
摘要:
弹性盒子 flex(弹性盒、伸缩盒) 是CSS中的又一种布局手段,它主要用来代替浮动来完成页面的布局 flex可以使元素具有弹性,让元素可以跟随页面的大小的改变而改变 弹性容器 要使用弹性盒,必须先将一个元素设置为弹性容器-我们通过display 来设置弹性容器 display:flex 设置为块级 阅读全文
摘要:
#less less是一门css的预处理语言 less是一个css的增强版,通过less可以编写更少的代码实现更强大的样式 在less中添加了许多的新特性:像对变量的支持、对mixin的支持... ... less的语法大体上和css语法一致,但是less中增添了许多对css的扩展, 所以浏览器无法 阅读全文
摘要:
变形就是指通过css来改变元素的形状或位置 变形不会影响到页面的布局 transform用来设置元素的变形效果 平移: translateX() 沿着x轴方向平移 translateY() 沿着y轴方向平移 translateZ() 沿着z轴方向平移 旋转:通过旋转可以使元素沿着xy或z旋转指定的角 阅读全文
摘要:
过渡(transition) 通过过渡可以指定一个属性发生变化时的切换方式 transition-property:指定要执行过渡的属性 多个属性间使用,隔开 如果所有属性都需要过渡,则使用all关键字 大部分属性都支持过渡效果,注意过渡时必须是从一个有效数值向另外一个有效数值进行过渡 transi 阅读全文
摘要:
表单 在现实生活中表单用于提交数据 在网页中也可以使用表单,网页中的表单用于将本地的数据提交给远程的服务器 使用form标签来创建一个 表单 form的属性 action表单要提交的服务器的地址 文本框 注意:数据要提交到服务器中,必须要为元素指定个name属性值 单选按钮 像这种选择框,必须要指定 阅读全文
摘要:
背景 background-image设置背景图片 可以同时设置背景图片和背景颜色,这样背景颜色将会成为图片的背景色 如果背景的图片小于元素,则背景图片会自动在元素中平铺将元素铺满 如果背景的图片大于元素,将会-个部分背 景无法完全 显示 如果背景图片和元素一样大,则会直接正常显示 backgrou 阅读全文
摘要:
字体族和行高 字体相关的样式 color用来设置字体颜色 font-size字体的大小 和font -size相关的单位 em 相当于当前元素的一个font-size rem 相对于根元素的一个font-size font- family字体族(字体的格式) 可选值: serif 衬线字体 sans 阅读全文
摘要:
Font Awesome使用方法 fontawesome使用步骤 1.下载https://fontawesome.com/ 2.解压 3.将css和webfonts移动到项目中 4.将all.css引入到网页中 5.使用图标字体 直接通过类名来使用图标字体 class="fas fa-bell" c 阅读全文
摘要:
z-index元素层级解析 关于元素定位可以参照前文:https://www.cnblogs.com/wzx-blog/p/15659373.html 对于开启了定位元素; 可以通过z- index属性来指定元素的层级 z-index需要一个整数作为参数,值越大元素的层级越高 元素的层级越高越优先显 阅读全文