前端
文章平均质量分 92
PyPio-Mr•Li
一切的一切离不开坚持✊
展开
-
你不知道的JavaScript-------作用域和闭包
在《你不知道的JavaScript(上)》中提到:作用域可分为词法作用域和动态作用域,JavaScript在编译中使用的词法作用域。一、词法作用域在我的理解里:作用域就好比一块块区域,每个区域有着不用的事物和规则,区域里的事物需要遵守区域的规则,同时受到区域的保护,不会被区域外的事物污染。JavaScript代码的执行分为两步:预编译和执行var a = 2var b = 34function foo() { a = 3 console.log(a) //3 console.log(原创 2021-09-24 14:38:44 · 109 阅读 · 0 评论 -
css属性值的计算、选择器权重
元素能呈现效果,归功于样式的属性值,同一个样式,属性值不一样,呈现的效果就不一样。在页面呈现出来之前,在我们看不到的地方(浏览器的渲染引擎)进行着复杂的css属性值的计算,在对最后的计算结果属性值进行渲染。属性值的计算过程1.确定声明值我们把样式属性编写在样式表中,就是对该样式属性的声明,告诉渲染引擎我们要用到这个属性。当新的样式表中没有出现旧样式表声明过的属性时,没有被重新声明的属性的属性值不变。如:.div{ /* 旧样式表 */ height: 100px; width: 100px;原创 2020-11-12 17:21:16 · 220 阅读 · 0 评论 -
CSS选择器——样式的航标
行内样式表越来越少的人使用,内联样式表会使HTML代码臃肿,导致维护起来会比较麻烦;相对的,内联样子表和外部样式表受到程序猿的广泛使用。要使用这两种样式表,这时候就需要用到一个工具——CSS选择器。原创 2020-11-08 15:53:37 · 370 阅读 · 4 评论 -
常用CSS样式(二)——深入篇(浮动,定位)
今天,我们对CSS进行深入一点的学习,在层叠样式表(CSS)常用样式中,除了能够影响元素内容、大小、颜色等静态的状态外,还有能够影响元素布局位置的元素,让我们一起来学习一下吧!float(浮动)float(浮动)如字面意思一样,让元素盒子在文档流中浮动起来,给元素添加float样式后,会使元素脱离文档流、层级提升(如放在地面的盒子被拿起来,原本盒子所在的空间就空置出来了),元素不占用原先层级的空间,原本所占的空间会空置出来,给下一个元素使用。但是文本却不会被提升,如下图,我们可以发现它会紧跟在float原创 2020-11-02 17:00:00 · 208 阅读 · 0 评论 -
常用CSS样式(一)——小白篇
我们知道,HTML的作用就是绘制页面的整体布局。在浏览页面的时候,映入眼前的是五彩缤纷的页面,我们通过HTML只能绘制单调的布局,不能呈现出五彩缤纷的页面,那么要怎么才能做出五彩缤纷的页面呢?我们需要借用一个小工具——CSSCSS简介CSS是层叠样式表(Cascading Style Sheets)的缩写,样式储存在CSS(层叠样式表)中,样式定义HTML元素在页面中如何显示,起到渲染页面的作用,好比色彩,能让空白的草画变得生动。引用CSS的方式CSS作为一个小工具,需要我们添加到我们编写好的元素中原创 2020-10-29 22:39:03 · 3621 阅读 · 0 评论 -
自学整理之HTML5常用标签和知识——小白篇
自学完后整理出来的一些内容,希望能帮到同样是小白的你们HTML介绍编译规范常用标签块级和行内元素小知识大用处HTML介绍超文本标记语言(Hyper Text Markup Language,简称HTML),是一种标识性的语言,利用一系列标签绘制浏览器中显示的内容(文字如何处理,画面如何安排,图片如何显示等)编译规范每一种语言都有各自的规范,我们先来看看HTML在编码时不可或缺的部分<!DOCTYPE html> //文档声明,漏写时,浏览器进入怪异渲染模式(简单说就是乱码)<原创 2020-10-28 22:39:13 · 241 阅读 · 0 评论