- 博客(10)
- 收藏
- 关注
RSS订阅原创 JS逻辑分支
if(){}if(){}else{}if(){}else if(){}else if(){}...else{}当分支语句的大括号中只有一行代码的时候，大括号可以省略单分支可以嵌套双分支和多分支；双分支也可以嵌套单分支和多分支；多分支也可以嵌套单分支和多分支。语法： 优点：判断比较严谨，用全等做判断；效率比较高，只判断一次。缺点：只能判断全等，不能判断区间范围。条件？代码：代码能且仅能简化简单的双分支。整个表达式可以当做一个值取赋值或输出。......
2022-06-15 21:14:29
168
原创 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
150
原创 BFC原理及作用
BFC的作用 解决外边距的塌陷问题（垂直塌陷，把两个盒子放到两个BFC区域中） 解决包含塌陷问题（父子关系的盒子，将父盒子变成独立的区域） 当浮动产生影响时，可以利用BFC来清除浮动的影响（使用BFC将所有浮动元素包裹起来） BFC可以阻止标准流元素被浮动元素覆盖...
2022-06-13 21:07:07
251
原创 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
317
原创 八种CSS选择器汇总
html分为行内元素和块级元素： 行内元素就是不会为自身内容形成新的块，不会让内容分布在多行的元素。 块级元素就是会在视觉上被格式化成块状的元素，会新换行的元素。 我们知道块级元素可以设置宽（height）高（weight），行内元素却不能设置宽和高，但这其中有一些行内元素，如img,是可以设置宽高的，这就跟之前说的相违背了，由此引出了替换元素和非替换元素。 替换元素：就是浏览器根据其标签的元素属性来判断显示具体的内容的元素，且元素一般拥有固定的尺寸（宽高或宽高比）。 举例说明：img标签我们在审
2022-03-06 10:19:13
725
原创 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
201
原创 让一个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
2554
原创 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
450
原创 常用的清除浮动的三种方法
1、给受到浮动影响的元素添加overflow：hidden。 原因：overflow属性会触发BFC BFC：block（块级） formatting（格式化） context（上下文）的简写， 意思是：以块级元素的排列规则在当前环境中排列 <style> .box1{ width: 100px; height: 100px; background-color: #f00;
2022-02-28 17:18:39
2581
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人