
前端知识
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 · 151 阅读 · 0 评论 -
JavaScript学习之函数-02
函数JavaScript的函数可以像变量一样使用,具有非常强大的抽象能力。原创 2020-09-02 15:20:06 · 271 阅读 · 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 · 264 阅读 · 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 · 137 阅读 · 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 · 217 阅读 · 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 · 194 阅读 · 0 评论 -
CSS学习之定位--04
1、定位定位是一种更加高级的布局手段,通过定位可以将元素摆放到页面的任意位置,使用position属性来设置定位。position属性可选值:static 默认值,元素是静止的没有开启定位relative 开启元素的相对定位absolute 开启元素的绝对定位fixed 开启元素的固定定位sticky 开启元素的粘滞定位1.1 相对定位当元素的position属性值设置为relative时则开启了元素的相对定位,相对定位的特点:元素开启相对定位以后,如果不设置偏移量元素不会发生任何原创 2020-09-01 14:14:24 · 263 阅读 · 0 评论 -
CSS设置元素浮动--03
1、元素浮动–float属性通过浮动可以使一个元素向其父元素的左侧或右侧移动,使用 float 属性来设置元素的浮动,可选值:none 默认值 ,元素不浮动left 元素向左浮动right 元素向右浮动注意:元素设置浮动以后,水平布局的等式便不需要强制成立元素设置浮动以后,会完全从文档流中脱离,不再占用文档流的位置, 所以元素下边的还在文档流中的元素会自动向上移动浮动的特点:浮动元素会完全脱离文档流,不再占据文档流中的位置设置浮动以后元素会向父元素的左侧或右侧移动浮动元素默原创 2020-09-01 14:14:15 · 1975 阅读 · 0 评论 -
CSS盒子模型学习-02
1、文档流网页是一个多层结构,一层叠加一层;通过CSS可以分别为每一层来设置样式;作为用户来讲只能看到最顶上一层;这些层中,最底下的一层称为文档流,文档流是网页的基础。我们所创建的元素默认都是在文档流中进行排列对于我们来说元素主要有两个状态: 在文档流中和不在文档流中(脱离文档流)元素在文档流中的特点:块元素块元素会在页面中独占一行(自上向下垂直排列)默认宽度是父元素的全部(会把父元素撑满)默认高度是被内容撑开(子元素)行内元素行内元素不会独占页面的一行,只占自身的大小原创 2020-09-01 14:14:02 · 227 阅读 · 0 评论 -
CSS基本语法学习总结 -01
CSS–层叠样式表网页实际上是一个多层的结构,通过CSS可分别为网页的每一层来设置样式,最终用户看到的只是网页的最上一层。总之,CSS是用来设置网页中元素的样式。1、使用CSS修改元素的样式方式一:内联样式(行内样式)-- 标签的style属性在标签内部通过style属性来设置元素的样式;存在问题:使用内联样式,样式只能对一个标签生效;如果希望影响到多个元素,必须在每一个元素中都重复设置一边,非常不方便。注意:开发时绝对不要使用内联样式。<p style="color:red; f原创 2020-09-01 14:13:50 · 183 阅读 · 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 · 251 阅读 · 0 评论