- 博客(13)
- 收藏
- 关注
RSS订阅原创 less用法与运算规则
less是一种动态样式语言，是css的预处理器。（扩展了css语言让css语言有了逻辑，使得css方便扩展，维护复用）可向下兼容，在less中可以写css。
2024-07-17 15:24:17
379
原创 作用域与作用域链
函数的作用域链是函数执行的时候创建的，当前函数的作用域链由它的作用域+[[scope]]属性组成。函数在定义的时候就已经生成了一个[[scope]]属性，给系统使用的，存储了作用域的层级。每个函数多次调用会产生不同的执行环境。不同执行环境的作用域也不一样。种类：全局作用域，局部（函数）作用域，块级作用域（ES6）。作用域的确定时机：进入到执行环境就已经确定好。全局变量：在整个全局作用域的所有地方都可以访问。局部变量：在自己所在的函数作用域才能访问。是变量起作用的范围。执行环境销毁作用域也会跟着销毁。
2024-07-11 23:02:41
140
原创 JS的运行环境、执行栈
函数执行环境：函数被调用真正开始执行代码之前。代码在运行时候会开辟栈空间（先进后出）来说明代码的执行顺序，这个就叫执行栈。全局执行环境：一上来就进入了创建阶段。分为两种，一个是全局执行环境，一个是函数执行环境。进入到一个js函数的运行环境。（函数调用时候进入）:js运行代码的时候默认就在这个环境中运行。
2024-07-11 22:19:38
226
原创 图片垂直居中、多行文本垂直居中
2.使得子元素为行内块状元素。设置line-height为normal（默认值），不要继承父元素的line-height。1.设置line-height让父元素的x到中间。1.设置父元素的line-height。2.让图片与父元素的x中心点对齐。
2024-07-09 11:19:32
135
原创 块状元素只包含一张图片时会有不知名的空白（幽灵节点）
我们把它当作一个内容，它存在上半行间距与下半行间距。默认也是vertical-align:baseline对齐。下面的空白实际上幽灵节点的下半行间距。内联盒子的解析和渲染就在前面加一个空白节点，这个节点透明没有宽度，没有办法用节点获取。2.设置vertical-align:bottom(top,middle)1.把图片格式化为块状。
2024-07-08 11:20:41
560
原创 内联盒子模型、行高、垂直居中
没有设置块状元素的高度的时候，设置line-height会改变块状盒子的高度。设置了高度的时候，只会影响文字在垂直方向上的位置，不会影响盒子的高度。行框盒子：由一个个的内联盒子组成。行框盒子的上边界等于最高内联盒子的上边界，下边界等于最低内联盒子的下边界。指的内联盒子中小写英文字母x的下沿。块状元素通常存放一行一行的内联元素，内联盒子模型决定了内联元素应该如何摆放。middle:使得元素的中心点与父元素的x元素高度的二分之一处对齐。只是光秃秃的文字则属于匿名内联盒子。px：定义每一个行框盒子的最小高度。
2024-07-08 11:06:24
187
原创 盒子模型的基本要素与元素的显示模式
一个块状元素独占一行。默认情况下块状元素的子元素的宽度自动设置为父元素的宽度。（em,i,div,ul,li,dl,ol,h1-h6)内部表现为块状元素(可以设置宽高)，外部表现为行内元素。（img标签,表单）多个行内元素会并排放在一行，放不下就自动换行。(em,i,span,)宽度与高度由内容撑开。因为行内元素只是用来包裹文本。行内块状元素（inline-block)行内元素、内联元素（inline)块状元素（block)隐藏元素（none)
2024-07-07 13:33:20
488
原创 css字体及文本
这个范围的粗细变化有没有区别主要是看什么字体类型。空格和换行都是字符。font-size越大，空格越大。基准文本尺寸：不指定字体大小的时候，浏览器通常默认使用16px。em:根据从父元素继承下来的字体大小计算。normal:相当于letter-spacing:0。%：根据父元素继承下来的字体大小计算。rem:根据根元素字体大小来计算。浏览器最小的字体尺寸为12px。normal：正常字体。bold：加粗字体。normal：正常。italic：斜体。字体风格：(font-style)
2024-07-07 13:10:47
236
原创 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
147
原创 html的内框架标签及表单
iframe></iframe>,创建包含另外一个文档的标签。src：载入这个框架要载入的文档地址width:设置宽度height：设置高度frameborder：0不显示边框，1显示边框name：规定iframe的名字,可以配合a标签的target属性使用(a标签指向的地址，在iframe的name与target一致的内框架打开)
2024-07-05 21:24:28
984
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人