LYY_record-CSDN博客

原创 JS逻辑分支

if(){}if(){}else{}if(){}else if(){}else if(){}...else{}当分支语句的大括号中只有一行代码的时候，大括号可以省略单分支可以嵌套双分支和多分支；双分支也可以嵌套单分支和多分支；多分支也可以嵌套单分支和多分支。语法：优点：判断比较严谨，用全等做判断；效率比较高，只判断一次。缺点：只能判断全等，不能判断区间范围。条件？代码：代码能且仅能简化简单的双分支。整个表达式可以当做一个值取赋值或输出。......

2022-06-15 21:14:29 102 1

原创 JS的基本语法

网景 --- NetScape作者：布兰登艾奇ECMA：语法标准 --- ECMAScript；操作浏览器的标准 --- BOM --- browser浏览器；操作文档的标准 --- DOM --- document文档；JS是一种脚本语言 --- 要依赖html才能运行。表单数据校验；网页特效；网页游戏开发；物联网广义上的html指的是前端技术：HTML+CSS+HTML5+CSS3+JavaScript+前端框架+app+小程序...狭义上指的是html的第五个版本。H5

2022-06-15 20:44:22 116

原创 BFC原理及作用

BFC的作用解决外边距的塌陷问题（垂直塌陷，把两个盒子放到两个BFC区域中）解决包含塌陷问题（父子关系的盒子，将父盒子变成独立的区域）当浮动产生影响时，可以利用BFC来清除浮动的影响（使用BFC将所有浮动元素包裹起来）BFC可以阻止标准流元素被浮动元素覆盖...

2022-06-13 21:07:07 173

原创 flex：1 代表什么?

flex：1 === flex：1 1 0；

2022-06-13 20:31:34 162

原创 FlexBox弹性盒属性

一、flex的容器与项目flex容器：采用flex布局的元素的父元素flex项目：采用flex布局的元素的父元素的子元素二、flex容器属性1、display：flex、inline-flex （将对象作为内联款及弹性伸缩盒显示）注意：设为flex布局后，子元素的float、clear和vertical-align属性将失效。2、flex-direction属性：决定主轴的方向（即项目的排列方向）flex-direction属性：row（默认从左到右）、row-reve

2022-03-06 10:49:08 233

原创八种CSS选择器汇总

html分为行内元素和块级元素：行内元素就是不会为自身内容形成新的块，不会让内容分布在多行的元素。块级元素就是会在视觉上被格式化成块状的元素，会新换行的元素。我们知道块级元素可以设置宽（height）高（weight），行内元素却不能设置宽和高，但这其中有一些行内元素，如img,是可以设置宽高的，这就跟之前说的相违背了，由此引出了替换元素和非替换元素。替换元素：就是浏览器根据其标签的元素属性来判断显示具体的内容的元素，且元素一般拥有固定的尺寸（宽高或宽高比）。举例说明：img标签我们在审

2022-03-06 10:19:13 651

原创 2022-3-1总结 “行内方向”和“块方向” “替换元素”与“非替换元素” transform的平移属性 transform：scale（）； transform：scale（）

1、“行内方向”和“块方向”一般文字书写方向称之为行内方向（inline direction），文字折行方向叫做块方向（block direction）。若是垂直书写语言，则从上到下叫做行内方向，从右往左为块方向。2、“替换元素”与“非替换元素”替换元素：浏览器根据其标签的元素属性来判断显示具体的内容的元素，且元素一般拥有固定的尺寸（宽高或宽高比）。非替换元素：html中大多都为此项。直接将内容告诉浏览器并直接显示出来。https://blog.csdn.net/ij_fanta

2022-03-02 15:28:11 132

原创让一个div水平并垂直显示的五种方法

1、定位：子绝父相之后，给子元素div添加上下左右为0，外边距为auto。.box{ width:300px; height:300px; border:1px solid #333; position: relative; }div{ width:10px; height: 10px; position: absolute; top: 0; left: 0; right:0; bottom:0;

2022-03-01 21:01:14 2358

原创 2022-2-28总结 ①display属性没有过渡效果 ②贝塞尔曲线

ul ol{ background-color: pink; display:none; transition: linear 1s; } ul>li:hover ol{ display: block; height: 80px; }①display属性没有过渡效果原因:display:none的时候，页面文...

2022-03-01 20:33:09 391

原创常用的清除浮动的三种方法

1、给受到浮动影响的元素添加overflow：hidden。原因：overflow属性会触发BFCBFC：block（块级） formatting（格式化） context（上下文）的简写，意思是：以块级元素的排列规则在当前环境中排列 <style> .box1{ width: 100px; height: 100px; background-color: #f00;

2022-02-28 17:18:39 2466

LYY_record的博客