MJ Blog

此时相望不相闻,愿逐月华流照君.

CSS 盒子模型(Box Model)

盒子模型

##CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，”box model”这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model)： ###构成部分 每个盒子都由如下几...

Posted by MJ on April 20, 2019

BOM模型

BOM模型 ECMAScript无疑是JavaScript的核心，但是要想在浏览器中使用JavaScript，那么BOM（浏览器对象模型）才是真正的核心。BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。 BOM将浏览器中的各个部分转换成了一个一个的对象，我们通过修改这些对象的属性，调用他们的方法，从而控制浏览器的各种行为。 #window对象 window对象是...

Posted by MJ on April 18, 2019

事件

事件 关于事件实际上我们已经初步接触过了，指的就是用户与浏览器交互的一瞬间。我们通过为指定事件绑定回调函数的形式来处理事件，当指定事件触发以后我们的回调函数就会被调用，这样我们的页面就可以完成和用户的交互了 这里我们还要更加深入的聊一聊事件的其他内容。 #事件处理程序 我们可以通过两种方式为一个元素绑定事件处理程序： 通过HTML元素指定事件属性来绑定 通过DOM对象指定的属性...

Posted by MJ on April 18, 2019

Object对象 Object类型，我们也称为一个对象。是JavaScript中的引用数据类型。 它是一种复合值，它将很多值聚合到一起，可以通过名字访问这些值。 对象也可以看做是属性的无序集合，每个属性都是一个名/值对。 对象除了可以创建自有属性，还可以通过从一个名为原型的对象那里 继承属性。 除了字符串、数字、true、false、null和undefined之外，J...

Posted by MJ Blog on April 29, 2019

三、Javascript JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。 ###1 基本语法 ####1.1 编写位置： 我们的JS代码需要编写到<script>标签中。 我们一般将script...

Posted by MJ Blog on April 29, 2019

页面布局

布局

##页面布局 布局（layout）即对事物的全面规划和安排，页面布局是对页面的文字、图像或表格进行格式化版式排列。在 HTML 中，常使用 div 元素来创建多列，使用 CSS 对元素进行浮动、定位等，从而将网页设计稿中的布局样式呈现在网页上。网页布局是网页制作的基础，通常使用的方式有三中：流式布局，即元素按照标准文档流进行排列；浮动布局和绝对定位布局。而在各大网站中，常见的布局结构分为：...

Posted by MJ on April 20, 2019

前端知识框架

Web前端导学

前言 Web前端设计相关的各种技术，内容涵盖HTML基本标签、表格与框架、CSS页面布局、JavaScript基本语法、JavaScript对象、BOM和DOM编程、HTML5、jQuery框架以及自定义插件。 HTML和CSS样式 一 、HTML HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 ###1 标签 H...

Posted by MJ on April 18, 2019

FEATURED TAGS
Web前端 HTML CSS
ABOUT ME

此时相望不相闻,愿逐月华流照君.

✉️ sunburst9682@outlook.com

FRIENDS