前端知识
关注
分享
扫一扫
xym222
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript学习之标准对象-03
学习廖雪峰课程笔记： 原地址：https://www.liaoxuefeng.com/wiki/1022910821149312/1023020925712064 标准对象 在JavaScript的世界里，一切都是对象。为了区分对象的类型，用typeof操作符获取对象的类型，它总是返回一个字符串： typeof 123; // 'number' typeof NaN; // 'number' typeof 'str'; // 'string' typeof true; // 'boolean' type.原创 2020-09-02 17:33:48 · 186 阅读 · 0 评论 -
JavaScript学习之函数-02
函数 JavaScript的函数可以像变量一样使用，具有非常强大的抽象能力。原创 2020-09-02 15:20:06 · 348 阅读 · 0 评论 -
JavaScript学习之快速入门-01
JavaScript代码可以直接嵌在网页的任何地方，通常都把JS代码放到中： <html> <head> <script> alert('Hello, world'); </script> </head> <body> ... </body> </html> 由包含的代码就是JS代码，它将直接被浏览器执行。 第二种方式是把JS代码写到一个**.js**文件中，通过引入这个文件： <ht原创 2020-09-01 15:49:38 · 291 阅读 · 0 评论 -
CSS学习之less--07
less是一门css的预处理语言： less是一个css的增强版，通过less可以编写更少的代码实现更强大的样式 在less中添加了许多的新特性：像对变量的支持、对mixin的支持… … less的语法大体上和css语法一致，但是less中增添了许多对css的扩展。所以浏览器无法直接执行less代码，要执行必须先将less转换为css，然后再由浏览器执行。 例子如下： <!DOCTYPE html> <html lang="en"> <head> <me原创 2020-09-01 14:15:58 · 177 阅读 · 0 评论 -
CSS学习之动画--06
1. 过渡(transition) 过渡（transition）（eg：transition:all 2s; ），通过过渡可以指定一个属性发生变化时的切换方式，通过过渡可以创建一些非常好的效果，提升用户的体验。 transition-property: 指定要执行过渡的属性，多个属性间使用,隔开 ，如果所有属性都需要过渡，则使用all关键字。 transition-property: height , width; transition-property: all; transition-原创 2020-09-01 14:15:48 · 262 阅读 · 0 评论 -
CSS学习之字体--05
字体 font-face可以将服务器中的字体直接提供给用户去使用，问题： 1.加载速度 2.版权 3.字体格式 字体相关的样式，color 用来设置字体颜色，font-size 字体的大小 （和font-size相关的单位，em 相当于当前元素的一个font-size，rem 相对于根元素的一个font-size），font-family 字体族（字体的格式） serif 衬线字体 sans-serif 非衬线字体原创 2020-09-01 14:14:35 · 281 阅读 · 0 评论 -
CSS学习之定位--04
1、定位 定位是一种更加高级的布局手段，通过定位可以将元素摆放到页面的任意位置，使用position属性来设置定位。 position属性可选值： static 默认值，元素是静止的没有开启定位 relative 开启元素的相对定位 absolute 开启元素的绝对定位 fixed 开启元素的固定定位 sticky 开启元素的粘滞定位 1.1 相对定位 当元素的position属性值设置为relative时则开启了元素的相对定位，相对定位的特点： 元素开启相对定位以后，如果不设置偏移量元素不会发生任何原创 2020-09-01 14:14:24 · 294 阅读 · 0 评论 -
CSS设置元素浮动--03
1、元素浮动–float属性 通过浮动可以使一个元素向其父元素的左侧或右侧移动，使用 float 属性来设置元素的浮动， 可选值： none 默认值 ，元素不浮动 left 元素向左浮动 right 元素向右浮动 注意： 元素设置浮动以后，水平布局的等式便不需要强制成立 元素设置浮动以后，会完全从文档流中脱离，不再占用文档流的位置， 所以元素下边的还在文档流中的元素会自动向上移动 浮动的特点： 浮动元素会完全脱离文档流，不再占据文档流中的位置 设置浮动以后元素会向父元素的左侧或右侧移动 浮动元素默原创 2020-09-01 14:14:15 · 2067 阅读 · 0 评论 -
CSS盒子模型学习-02
1、文档流 网页是一个多层结构，一层叠加一层；通过CSS可以分别为每一层来设置样式；作为用户来讲只能看到最顶上一层；这些层中，最底下的一层称为文档流，文档流是网页的基础。 我们所创建的元素默认都是在文档流中进行排列 对于我们来说元素主要有两个状态： 在文档流中和不在文档流中（脱离文档流） 元素在文档流中的特点： 块元素 块元素会在页面中独占一行(自上向下垂直排列) 默认宽度是父元素的全部（会把父元素撑满） 默认高度是被内容撑开（子元素） 行内元素 行内元素不会独占页面的一行，只占自身的大小原创 2020-09-01 14:14:02 · 266 阅读 · 0 评论 -
CSS基本语法学习总结 -01
CSS–层叠样式表 网页实际上是一个多层的结构,通过CSS可分别为网页的每一层来设置样式，最终用户看到的只是网页的最上一层。 总之，CSS是用来设置网页中元素的样式。 1、使用CSS修改元素的样式 方式一：内联样式(行内样式)-- 标签的style属性 在标签内部通过style属性来设置元素的样式； 存在问题：使用内联样式，样式只能对一个标签生效；如果希望影响到多个元素，必须在每一个元素中都重复设置一边，非常不方便。 注意：开发时绝对不要使用内联样式。 <p style="color:red; f原创 2020-09-01 14:13:50 · 224 阅读 · 0 评论 -
HTML学习总结 --00
HTML 超文本标记语言，用来表述网页，可通过HTML格式化文本，添加图片，创建链接，输入表单，框架和表格等；浏览器可以读取和显示.html文件 1、什么是HTML 不是一种编程语言，而是一种编辑语言 标记语言是一套标记标签 HTML使用标记标签来描述网页和内容 HTML文档包含了HTML标签和文本内容 HTML文档也叫web页面 2、 HTML文本文件结构 < !DOCTYPE html> :声明文档类型为html5 < html>xxx< /html>：根元素原创 2020-09-01 14:13:37 · 276 阅读 · 0 评论