自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 作用域与作用域链

函数的作用域链是函数执行的时候创建的,当前函数的作用域链由它的作用域+[[scope]]属性组成。函数在定义的时候就已经生成了一个[[scope]]属性,给系统使用的,存储了作用域的层级。每个函数多次调用会产生不同的执行环境。不同执行环境的作用域也不一样。种类:全局作用域,局部(函数)作用域,块级作用域(ES6)。作用域的确定时机:进入到执行环境就已经确定好。全局变量:在整个全局作用域的所有地方都可以访问。局部变量:在自己所在的函数作用域才能访问。是变量起作用的范围。执行环境销毁作用域也会跟着销毁。

2024-07-11 23:02:41 21

原创 JS的运行环境、执行栈

函数执行环境:函数被调用真正开始执行代码之前。代码在运行时候会开辟栈空间(先进后出)来说明代码的执行顺序,这个就叫执行栈。全局执行环境:一上来就进入了创建阶段。分为两种,一个是全局执行环境,一个是函数执行环境。进入到一个js函数的运行环境。(函数调用时候进入):js运行代码的时候默认就在这个环境中运行。

2024-07-11 22:19:38 56

原创 CSS画小三角

1.设置内容区宽高为0。2.设置4边的边框宽度。3.使得其中三边为透明。

2024-07-09 11:33:25 98

原创 图片垂直居中、多行文本垂直居中

2.使得子元素为行内块状元素。设置line-height为normal(默认值),不要继承父元素的line-height。1.设置line-height让父元素的x到中间。1.设置父元素的line-height。2.让图片与父元素的x中心点对齐。

2024-07-09 11:19:32 98

原创 块状元素只包含一张图片时会有不知名的空白(幽灵节点)

我们把它当作一个内容,它存在上半行间距与下半行间距。默认也是vertical-align:baseline对齐。下面的空白实际上幽灵节点的下半行间距。内联盒子的解析和渲染就在前面加一个空白节点,这个节点透明没有宽度,没有办法用节点获取。2.设置vertical-align:bottom(top,middle)1.把图片格式化为块状。

2024-07-08 11:20:41 331

原创 内联盒子模型、行高、垂直居中

没有设置块状元素的高度的时候,设置line-height会改变块状盒子的高度。设置了高度的时候,只会影响文字在垂直方向上的位置,不会影响盒子的高度。行框盒子:由一个个的内联盒子组成。行框盒子的上边界等于最高内联盒子的上边界,下边界等于最低内联盒子的下边界。指的内联盒子中小写英文字母x的下沿。块状元素通常存放一行一行的内联元素,内联盒子模型决定了内联元素应该如何摆放。middle:使得元素的中心点与父元素的x元素高度的二分之一处对齐。只是光秃秃的文字则属于匿名内联盒子。px:定义每一个行框盒子的最小高度。

2024-07-08 11:06:24 117

原创 盒子模型的基本要素与元素的显示模式

一个块状元素独占一行。默认情况下块状元素的子元素的宽度自动设置为父元素的宽度。(em,i,div,ul,li,dl,ol,h1-h6)内部表现为块状元素(可以设置宽高),外部表现为行内元素。(img标签,表单)多个行内元素会并排放在一行,放不下就自动换行。(em,i,span,)宽度与高度由内容撑开。因为行内元素只是用来包裹文本。行内块状元素(inline-block)行内元素、内联元素(inline)块状元素(block)隐藏元素(none)

2024-07-07 13:33:20 366

原创 css字体及文本

这个范围的粗细变化有没有区别主要是看什么字体类型。空格和换行都是字符。font-size越大,空格越大。基准文本尺寸:不指定字体大小的时候,浏览器通常默认使用16px。em:根据从父元素继承下来的字体大小计算。normal:相当于letter-spacing:0。%:根据父元素继承下来的字体大小计算。rem:根据根元素字体大小来计算。浏览器最小的字体尺寸为12px。normal:正常字体。bold:加粗字体。normal:正常。italic:斜体。字体风格:(font-style)

2024-07-07 13:10:47 152

原创 css的使用 css的特性 css的选择器

p.say 表示选中p标签有say这个类的 .a.b选择同时具有a b两个类的元素。a:visited,a标签使用,并且a标签有href属性且被访问过。a:link,a标签使用,并且a标签有href属性且没被访问过。以上三种方式,如果样式冲突则就近原则生效。E:hover,用户鼠标悬停上面时候触发。(2)内嵌方式,直接在head标签中使用style标签。E:active,元素被激活时候触发。(1)内联方式,直接使用style属性来定义。(3)外部引入,使用link标签引入。

2024-07-06 23:29:08 121

原创 html的内框架标签及表单

iframe></iframe>,创建包含另外一个文档的标签。src:载入这个框架要载入的文档地址width:设置宽度height:设置高度frameborder:0不显示边框,1显示边框name:规定iframe的名字,可以配合a标签的target属性使用(a标签指向的地址,在iframe的name与target一致的内框架打开)

2024-07-05 21:24:28 525

原创 html的列表及表格

(3)自定义列表 dl。(1)有序列表 ol。(2)无序列表 ul。

2024-07-05 15:09:54 235

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除