2023年8月23日
13 CSS 的position属性
摘要： ##### 13 CSS 的position属性 就像photoshop中的图层功能会把一整张图片分层一个个图层一样，网页布局中的每一个元素也可以看成是一个个类似图层的层模型。层布局模型就是把网页中的每一个元素看成是一层一层的，然后通过定位属性position对元素进行定位摆放，最终实现网页的布局。 阅读全文
posted @ 2023-08-23 10:34 生而自由爱而无畏 阅读(111) 评论(0) 推荐(0)
12 CSS 的float属性
摘要： ##### 12 CSS 的float属性 - 流动布局 流动模型（Flow），即文档流，浏览器打开HTML网页时，从上往下，从左往右，逐一加载。 在正常情况下，HTML元素都会根据文档流来分布网页内容的。 文档流有2大特征： ① 块状元素会随着浏览器读取文档的顺序，自上而下垂直分布，一行一个的形式 阅读全文
posted @ 2023-08-23 08:47 生而自由爱而无畏 阅读(63) 评论(0) 推荐(0)
2023年8月22日
11 CSS盒子模型（重点）
摘要： ##### 11 CSS盒子模型（重点） 盒模型是CSS的核心知识点之一，它指定元素如何显示以及如何相互交互。HTML页面上的每个元素都可以看成一个个方盒子，这些盒子由元素的content（内容）、padding（内边距）、border（边框）、margin（外边距）组成。 ![image](htt 阅读全文
posted @ 2023-08-22 17:36 生而自由爱而无畏 阅读(109) 评论(0) 推荐(0)
10 CSS边框属性
摘要： ##### 10 CSS边框属性 1. border-style（边框风格） 定义边框的风格，值可以有： ``` /* none：没有边框，当border的值为none的时候，系统将会忽略[border-color] hidden：隐藏边框，低版本浏览器不支持。 dotted：点状边框。 dashe 阅读全文
posted @ 2023-08-22 16:17 生而自由爱而无畏 阅读(104) 评论(0) 推荐(0)
15 JavaScript ES6中的箭头函数
摘要： ##### 15 JavaScript ES6中的箭头函数 1. 什么是箭头函数 ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义。 2. 基本语法 ```js // 箭头函数 let fn = (name) => { // 函数体 return `Hello ${name} 阅读全文
posted @ 2023-08-22 16:06 生而自由爱而无畏 阅读(148) 评论(0) 推荐(0)
14 JavaScript神奇的windows
摘要： ##### 14 神奇的windows window对象是一个很神奇的东西. 你可以把这东西理解成javascript的全局. 如果我们默认不用任何东西访问一个标识符. 那么默认认为是在用window对象. 例如: ``` eval window.eval // true setInterval w 阅读全文
posted @ 2023-08-22 12:56 生而自由爱而无畏 阅读(23) 评论(0) 推荐(0)
13 JavaScript关于prototype（超重点）
摘要： 13 JavaScript关于prototype（超重点） prototype是js里面给类增加功能扩展的一种模式. 写个面向对象来看看. ```js function People(name, age){ this.name = name; this.age = age; this.run = f 阅读全文
posted @ 2023-08-22 11:31 生而自由爱而无畏 阅读(101) 评论(0) 推荐(0)
12 JavaScript 关于eval函数
摘要： ##### 12 eval函数 eval本身在js里面正常情况下使用的并不多. 但是很多网站会利用eval的特性来完成反爬操作. 我们来看看eval是个什么鬼? 从功能上讲, eval非常简单. 它和python里面的eval是一样的. 它可以动态的把字符串当成js代码进行运行. ```js s = 阅读全文
posted @ 2023-08-22 10:25 生而自由爱而无畏 阅读(71) 评论(0) 推荐(0)
2023年8月21日
9 CSS背景属性
摘要： ##### CSS 背景属性 ##### 1. background-color（背景颜色） 页面的背景颜色有四种属性值表示，分别是transparent（透明），RGB十进制颜色表示，十六进制颜色表示和颜色单词表示。 属性使用： ``` /* background-color: transpare 阅读全文
posted @ 2023-08-21 18:35 生而自由爱而无畏 阅读(75) 评论(0) 推荐(0)
8 CSS文本属性
摘要： ##### 8 文本属性 font-style（字体样式风格） ``` /* 属性值： normal：设置字体样式为正体。默认值。 italic：设置字体样式为斜体。这是选择字体库中的斜体字。 oblique：设置字体样式为斜体。人为的使文字倾斜，而不是去使用字体库的斜体字。 */ ``` font 阅读全文
posted @ 2023-08-21 17:33 生而自由爱而无畏 阅读(101) 评论(0) 推荐(0)