前端布局
文章平均质量分 83
爱唯主机
一个php爱好者,正在努力学习php中。。。
展开
-
HTML基础
超文本标记语言HTML(Hyper Text Markup Language)超文本: 不仅可以加入文字的文本文件,还可以加入链接、图片、声音、动画、影视等内容标记语言:是在纯文本文件里面包含了HTML指令代码。这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言。如何创建HTML文件文档的命名规则不允许使用特殊字符可以以中文命名,但是不推荐使用中文。HTML文件名推荐使用小写。girl.html注意:如果创建完HTML文件后依然是文本文件格式,那么需要将系原创 2021-12-25 19:36:59 · 442 阅读 · 0 评论 -
js数据什么时候是null什么时候是undefined
常见的返回undefined类型的变量声明且没有赋值获取对象中不存在的属性函数需要实参,但是调用时没有传值,形参是undefined函数调用没有返回值或者return后没有数据,接受函数返回值的变量返回null对象不存在就是null...原创 2020-09-17 21:52:50 · 2109 阅读 · 0 评论 -
js中pageshow和load事件的区别
我们一般在三种情况下刷新页面都会触发load事件1、a标签的超链接2、F5或者刷新按钮(强制刷新)3、前进后退按钮但是在火狐浏览器中,有个特点,有个”往返缓存“,这个缓存中不仅保存着页面数据,还保存了DOM和javascript的状态,实际上是将庚哥页面都保存在了内存里所以此时后退按钮就不能刷新页面,导致load事件不被执行。此时我们可以使用pageshow事件来触发,这个...原创 2020-03-27 22:15:15 · 1190 阅读 · 1 评论 -
随鼠标一起移动的登录窗口模态框的制作
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { width: 100%; ...原创 2020-03-27 21:13:55 · 262 阅读 · 0 评论 -
js BOM详解
什么是BOMBOM是浏览器对象模型,它提供了独立于内容与浏览器窗口进行交互的对象,其核心对象是windowDOM和BOM区别DOM:文档对象模型DOM就是把[文档]当做一个[对象]来看待DOM的顶级等下是documentDOM主要学习的是操作页面元素DOM是W3C标准规划BOM:浏览器对象模型吧[浏览器]当做一个[对象]来看待BOM的顶级对象是windowBOM学...原创 2020-03-27 15:51:48 · 355 阅读 · 0 评论 -
JavaScript入门api详细介绍
事件基础事件是有三部分组成,事件源,事件类型,事件处理程序,我们也称为事件三要素事件源:事件被触发的对象,谁 按钮var btn = document.getElementById('btn');事件类型:如何触发,发生事件,比如鼠标点击,还是鼠标经过,还是按下键盘onclick:鼠标点击onmouserover:鼠标经过触发onmouseout:鼠标离开触发onfoc...原创 2020-03-24 21:10:20 · 220 阅读 · 0 评论 -
第一次学前端你必须要知道的rem布局以及Less的基本用法
rem说明rem是一个相对单位,类似em,em是 父元素字体大小 。不同的是rem的基准是相对于html元素的字体大小比如:根元素(html)设置font-size:12px;非根元素设置width:2rem;则换成px表示就是24px。媒体查询什么是媒体查询:媒体查询是CSS3新语法作用:使用@media查询,可以针对不同的媒体类型定义不同的样式@media可以针对不同的屏幕尺寸...原创 2020-03-15 22:05:59 · 316 阅读 · 0 评论 -
固定定位下的div水平居中
当一个块级元素的父元素开启了flex布局后,我们可以很轻松的将这个元素居中对齐,可以在父元素上加justify-content: center;align-items: center;/*单行下的居中对齐*/justify-content: center; align-content: center; flex-wrap: wrap;/*多行下的居中对齐*/然而,这种...原创 2020-03-15 22:04:35 · 179 阅读 · 0 评论 -
新手小白非常适合的手机端常见布局,flex布局属性详解
常见的父项属性flex-direction:设置主轴的方向flex-direction:属性决定主轴的方向(即项目的排列方向)默认x轴为主轴注意:主轴和侧轴是会变化的,我们的子元素是跟着主轴排列的flex-direction:row(默认值)|row-reverse(从右到左)|column(从上到下)| column-reverse(从下到上)justify-content:设置主轴...原创 2020-03-14 21:50:08 · 386 阅读 · 1 评论