![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
文章平均质量分 86
MYH永恒
这个作者很懒,什么都没留下…
展开
-
JavaScript基础学习2
今天继续学习js基本语法,主要包括两方面的内容:定义对象类型和常用事件。目录1、自定义对象(Object)(1)Object形式定义(2)大括号形式定义2、js中的常用事件(1)onload 加载完成事件(2)onclick 单击事件(3)onblur 失去焦点事件(4)onchange 内容发生改变事件(5)onsubmit 表单提交事件1、自定义对象(Object)说到对象应该都不陌生,学过Java和C++的都知道,它们是一种面向对象编程的语言,那么js中是怎么来定义对象的呢?可以有两种方式。(原创 2021-03-15 21:36:43 · 99 阅读 · 0 评论 -
JavaScript基础学习
1、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2021-03-14 21:59:29 · 132 阅读 · 0 评论 -
Web前端 学习笔记7(定位)
定位是一种更加高级的布局手段,通过定位可以将一个元素摆放到页面的任意位置,使用position属性来设置定位。目录知识点学习1、定位的简介2、绝对定位3、固定定位4、粘滞定位5、绝对定位元素的布局6、元素的层级7、京东轮播图练习总结知识点学习1、定位的简介<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com原创 2021-02-13 22:13:23 · 137 阅读 · 0 评论 -
Web前端 学习笔记6(浮动)
在大致学习完布局之后,现在开始了解下一个知识点:浮动!浮动,字面意思就是使元素浮起来,从而完成元素的布局。目录知识点学习1、浮动的简介2、浮动的其他特点3、网页的布局4、高度塌陷问题5、BFC的演示6、clear7、after伪类解决高度塌陷8、clearfix总结知识点学习浮动有很多特点以及使用,下面分为几个点来分别学习。1、浮动的简介通过浮动可以使一个元素向其父元素的左侧或者右侧移动就是浮动最基本的作用。<!DOCTYPE html><html lang="en">原创 2021-02-13 22:06:32 · 412 阅读 · 0 评论 -
Web前端 学习笔记5(布局)
学习完基本的一些设置之后,接下来需要了解的就是网页的布局。我们所看到的网页的布局都是这一部分需要学习的知识。目录知识点学习1、文档流2、盒模型3、盒子模型_边框4、盒子模型_内边距5、盒子模型_外边距6、盒子的水平布局7、垂直方向的布局8、外边距的折叠(重叠)9、行内元素的盒模型10、默认样式11、盒子的尺寸12、轮廓和圆角总结知识点学习我们平时见到的网页,都是分为一块一块的,非常有层次感。这里我们要学习的就是网页是怎么完成布局的。1、文档流当见到这个名词的时候我是有点懵的。其实说白了就是网页的最原创 2021-02-04 22:11:38 · 169 阅读 · 0 评论 -
Web前端 学习笔记4(CSS)
上次学习了一些关于CSS的知识,现在还剩下一些,继续整理一下。目录知识点学习1、样式的继承2、选择器的优先级3、单位4、颜色总结知识点学习上次学习了一些基础的CSS语法,包括各种选择器还有伪类、伪元素的学习,接下来再来看看剩下的一些。1、样式的继承简单来说,一个元素内部的元素会继承它的样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta原创 2021-02-04 20:55:41 · 104 阅读 · 0 评论 -
Web前端 学习笔记3(CSS)
学习完基本的Html之后,就进入了CSS的学习,CSS就是进行样式的设置,例如字体的颜色,大小等等。以下是部分的学习笔记。目录知识点学习1、CSS简介2、CSS语法3、CSS选择器4、复合选择器5、关系选择器6、属性选择器7、伪类选择器8、a元素的伪类9、伪元素总结知识点学习CSS和Html可以说是不同的两种“语言”了,所以它的语法结构和Html又有所不同,一般在开发的时候会单独写一个.css的文件,然后其他的文件来引用即可,但是在学习的时候我们就直接在.html文件的内部写,一般写在head标签的内原创 2021-01-21 21:16:09 · 112 阅读 · 0 评论 -
Web前端 学习笔记2(Html)
在了解了基本的框架之后就可以进一步学习了,刚开始写Html代码的时候是使用的文本编辑器和notepad++,这样将整个框架自己敲一遍,就能对基本的代码更加熟悉!当熟悉了基础的代码之后就没必要每次写的时候都敲一遍,因为整体的框架都是相同的,就可以借助集成的编辑器来写,各种快捷键比较方便快捷!这里我使用的是VSCode。在安装好之后,配置好环境就可以开始使用。学习Html其实就是学习它的各种标签。目录知识点学习1、实体2、meta标签3、语义化标签(1)4、语义化标签(2)5、列表6、超链接7、图片标签8、原创 2021-01-15 22:40:10 · 220 阅读 · 0 评论 -
Web前端 学习笔记1(Html)
最近想要学习一下Web前端,就从b站上找了下相关课程,找到了 尚硅谷 里面 李立超 老师讲的课程,就跟着学习了一下,最近看了一些HTML和CSS的一些入门的知识,打算用博客的方式记录下来,一方面可以巩固学习的知识,另外还可以做个笔记,等后面用到的时候可以拿来复习复习!学习视频链接接下来,就要开始我的学习之旅了!(请注意听讲,下面的知识非常重要【手动狗头】)目录基础知识学习1、Html入门2、Html基本框架总结基础知识学习1、Html入门当然,最重要的知识当然是从"Hello World"开始啦原创 2021-01-14 23:25:24 · 193 阅读 · 0 评论