06 2021 档案

结构选择
摘要：选择结构 if eles 如果条件成立就进入到分支里面执行相应代码，如果不成立，则不会进入 if(条件){ 执行相应代码; }else{ 执行相应代码; } 多分支 if else if if{ }else if{ }else if{ }else{ ​ console.log('请输入：');let 阅读全文
posted @ 2021-06-27 13:45 彧老魔 阅读(390) 评论(0) 推荐(0)
逻辑运算符
摘要：与（and）或（or）非（not） 与 && 或 || 非 ！ 逗号运算符 一般用于一条语句执行多个操作 let i=5 ,j=6; let a =5,b = 10;let a =;b = 10; 关系运算符 即<、>、>=、<=、==、 相等==与全等 的区别：全等则数据类型也要相同 consol 阅读全文
posted @ 2021-06-27 13:16 彧老魔 阅读(190) 评论(0) 推荐(0)
JS补充
摘要：null（空） console.log(null ==undefined); //tureconsole.log(typeof null); //object #### number NaN //当无法计算结果时用NaN表示 not a number NaN的数据类型是number类型 涉及到NaN 阅读全文
posted @ 2021-06-27 13:10 彧老魔 阅读(33) 评论(0) 推荐(0)
JS
摘要：程序 算法 软件 程序：用于完成指定功能的指令。 计算机科学家 沃斯 ：程序=数据结构+算法 算法：解决问题的方法和步骤 软件：一到多个程序的集合。常见软件：文字处理类、图像处理类、恶意软件等 计算机语言 1.机器语言 2.汇编语言 3.高级语言 程序设计步骤 1.提出（分析）需求 2.确定数据结构 阅读全文
posted @ 2021-06-27 12:49 彧老魔 阅读(360) 评论(0) 推荐(0)
画三角形
摘要：div{ width: 0px; border: 30px solid transparent; border-left-color: tomato;} 第二种方法 div{ margin: auto; width: 0px; border-top: 20px solid transparent; 阅读全文
posted @ 2021-06-27 12:40 彧老魔 阅读(269) 评论(0) 推荐(0)
响应式布局
摘要：<div class="row"> <div class="box1 col-xs-12 col-md-4">A</div> <div class="box2 col-xs-12 col-md-8 col-sm-3">B</div> <div class="col-xs-12 col-sm-3">C 阅读全文
posted @ 2021-06-27 12:36 彧老魔 阅读(21) 评论(0) 推荐(0)
兼容性
摘要：// 创建变量的书写格式 $变量名：属性值;// 创建混合器(不带参)@mixin F74 {display: flex; justify-content: space-evenly; align-items: center; }$bgc:red;$bs:10px solid black;heade 阅读全文
posted @ 2021-06-27 12:35 彧老魔 阅读(282) 评论(0) 推荐(0)
行盒
摘要：行盒 图片区域父元素 figure父元素 子元素figcaption和img <figure> <img src="../marvel_fans/movie_pic06.png" alt="" title="漫威"> <!-- 图片分类子元素，补充说明图片并且将此块内容归类为一块 --> <figc 阅读全文
posted @ 2021-06-27 12:11 彧老魔 阅读(53) 评论(0) 推荐(0)
BFC
摘要：BFC全称block formatting context （块级格式化上下文） BFC渲染区域： 这个区域由某个HTML元素创建，以下元素会在其内部创建BFC区域： 根元素 浮动和绝对定位元素 overflow不等于visible的块盒 创建BFC的元素，它的自动高度需要计算浮动元素 创建BFC的 阅读全文
posted @ 2021-06-27 11:26 彧老魔 阅读(62) 评论(0) 推荐(0)
变形
摘要：4.1变形 旋转 书写格式：transform：rotate（角度）； 取值：rotate（默认值） z轴旋转 注：给角度正值为顺时旋转，给负值为逆时针旋转 transform: rotate(45deg);transform: rotateZ(45deg); transform: rotateX( 阅读全文
posted @ 2021-06-27 11:24 彧老魔 阅读(269) 评论(0) 推荐(0)
过渡
摘要：transition过渡 css属性，在一定时间内，从一个值变化到另外一个值 transition-property过渡的属性 transition-duration过渡的时间 transition-property: width, background-color, color,height; t 阅读全文
posted @ 2021-06-27 11:17 彧老魔 阅读(176) 评论(0) 推荐(0)
文本类样式和伪元素选择器
摘要：文本类样式 字间距 section{letter-spacing: normal;}letter-spacing: 10px; 下划线 text-decoration: underline; 上划线 text-decoration: overline; 贯穿线 text-decoration: li 阅读全文
posted @ 2021-06-27 11:14 彧老魔 阅读(79) 评论(0) 推荐(0)
列表
摘要：列表 有序列表 ol order list ol父元素 li子元素 li元素内容前面自动添加有序的数字或字母 <ol> <li>Lorem ipsum dolor sit amet.</li></ol> 无序列表 ul unorder list ul父元素 li子元素 <ul> <li>Lorem. 阅读全文
posted @ 2021-06-27 11:12 彧老魔 阅读(54) 评论(0) 推荐(0)
表单
摘要：表单 form表单 适用场景： 1.登录，注册页面 2.搜索功能 以上情况都需要用户的输入或选择 祖先元素：form 属性： action提交地址 （DBA）数据库管理员 method提交方式 取值：get/post get提交信息展示到地址栏 （默认值） post 隐藏提交信息 input标签的r 阅读全文
posted @ 2021-06-27 11:10 彧老魔 阅读(404) 评论(0) 推荐(0)
背景图、颜色取值、表格
摘要：背景图 background-image:url（）,url（） 引用背景图片 引用多张就“，”url引用图片 background-repeat: 背景颜色的平铺方式 默认为repeat平铺 no-repeat不平铺 repeat-x x轴方向平铺 repeat-y y轴方向平铺 backgrou 阅读全文
posted @ 2021-06-27 10:59 彧老魔 阅读(132) 评论(0) 推荐(0)
弹性布局补充
摘要：弹性布局，交叉轴对齐方式 align-items：center 交叉轴居中 align-items：flex-start 交叉轴底部开始 align-items：flex-end 交叉轴底部倒序开始 align-items：baseline 交叉轴基线对齐 align-items：stretch 默 阅读全文
posted @ 2021-06-27 10:57 彧老魔 阅读(60) 评论(0) 推荐(0)
弹性布局、雪碧图（图片整合技术）
摘要：弹性布局 容器：父元素 给谁添加flex谁就是容器，子元素就是项目 功能：1.所有的项目默认情况在一行显示。 2.如果所有的项目宽度之和大于容器的宽度。项目会自动缩小。 即不会超出容器的尺寸（不会换行） 项目：子元素 主轴：X轴（默认值） 交叉轴：Y轴（默认值） display不具有继承性 flex 阅读全文
posted @ 2021-06-27 10:56 彧老魔 阅读(113) 评论(0) 推荐(0)
定位补充
摘要：视觉格式化模型（visual formatting model）： CSS的一种机制，它规定了页面中的多个盒子如何布局 包含块（containing block）【html的包含块是初始化包含块initial containing block】 每个元素都有一个包含块，它是指元素在页面中摆放的区域通 阅读全文
posted @ 2021-06-27 10:55 彧老魔 阅读(54) 评论(0) 推荐(0)
常用单位、各种定位
摘要：PX（固定单位） 单位名称为像素，绝对长度单位，像素px是相对于显示器屏幕分辨率而言的。像素的使用性特别广。使用px定义文字，无论用户怎么设置，都不会改变大小。 em（是所在标签的字体大小，多少em就是代表多少倍） 单位名称为相对长度单位。它没有一个固定数值，支持小数点后三位数，相对于当前对象内文本 阅读全文
posted @ 2021-06-27 10:54 彧老魔 阅读(870) 评论(0) 推荐(0)
盒模型扩充
摘要：边框盒（border-box）：由border，padding，content组成 填充盒（padding-box）：由padding，content组成 内容盒（content-box）：由content组成 继承（inherit） 是指子元素会自动拥有父元素的某些CSS属性 继承须有传递性 文本 阅读全文
posted @ 2021-06-27 10:53 彧老魔 阅读(56) 评论(0) 推荐(0)
弹性盒子
摘要：盒模型 盒子的分类 不同元素产生的盒子类型可能不同 一个元素，产生什么样的盒子，取决去它的CSSdisplay属性 display：none 不生成盒子 display：inline 行盒（默认值） display：block 块盒 display：inlineblock 行内块 盒子的组成部分 外 阅读全文
posted @ 2021-06-27 10:52 彧老魔 阅读(99) 评论(0) 推荐(0)