6+3-CSDN博客

原创使用JS完成简易计算器

使用JS完成简易计算器要求：输入的值只能是数字，使用正则表达式onchange():值改变时执行事件onblur():鼠标移出时执行事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta

2021-06-11 14:32:00 275 1

原创 Javascript简易导航栏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>导航&

2021-06-10 23:50:32 728 3

原创 JavaScript 入门学习（一）

JavaScript 快速入门一、JavaScript 简介JavaScript 是目前最流行脚本语言，简称 JSJavaScript 编写在 HTML 页面中，由浏览器负责解释和执行JavaScript 通常用来给 HTML 页面增加交互能力特点：☆为页面增加动画效果☆验证表单输入项有效性☆实现本地数据存储…二、HTML / CSS / JavaScript之间的联系1、JavaScript 与 JavaJavaScript(前身LiveScript) 语言与 Java 语言

2021-06-09 20:10:43 73

原创 CSS入门学习（三）

CSS 定位一、CSS 定位属性简介CSS 中 position 规定了元素的定位方式CSS 可以通过设置 position 属性使 HTML 元素脱离正常文档流布局，从而使元素可以显示在任意位置position 属性的可选值包括:relative 相对定位absolute 绝对定位fixed 固定定位static 默认值二、CSS 相对定位不脱离文档流布局，只改变自身的位置，文档流原位置遗留空白区域，定位的起始位置为此元素原文档流的位置三、CSS 绝对定位脱离文档流布局，遗

2021-06-08 11:07:01 55

原创 CSS入门学习（二）

CSS 盒子模型一、CSS 盒子模型简介在HTML页面中，每一个元素都是一个规则的矩形，因此每一个元素都由一个盒子模型来表示，盒子模型由4个区域组成：content box（内容区域）padding box（内边距区域）border box（边框区域）margin box（外边距区域）二、CSS 边框作用：设置元素边框的：宽度、样式、颜色border: { 10px solid black}borde：边框标识border-top:…border

2021-06-07 11:16:00 63

原创 CSS入门学习（一）

CSS快速入门一、简介CSS 是 Cascading Style Sheets 的缩写，即：层叠样式表单CSS 是 HTML 语言的一种扩展，其主要作用为：定义 Web 页面布局以及页面中元素的显示方式利用 CSS 样式实现 HTML 内容(结构)与表现(格式)的分离CSS 与 HTML 加载流程二、 CSS 语法1、CSS 语法结构2、CSS 注释以 /* 开始，以 */ 结束，中间为注释内容●注释不会被浏览器解释和执行●良好注释可以极大的提高代码可读性三

2021-06-05 11:28:41 56

原创 HTML入门学习（三）

HTML菜鸟学习第二天表单一、表单简介HTML 表单是 HTML 文档中的一个区域HTML 表单这个区域中包含了一系列的可交互元素HTML 表单主要用于收集用户输入信息二、表单元素所有表单的交互元素都包含在元素文本输入元素：<input type=“text”>单选框元素： <input type=“radio”>复选框元素： <input type=“checkbox”>文本区元素： <textarea>…

2021-06-03 15:25:58 57

原创 HTML入门学习（二）

HTML菜鸟学习第二天列表一、有序列表1、使用数字进行标记开始标签： <ol>… ordered lists 的缩写列表项标签： <li>… list item 的缩写2、列表类型 Type 取值二、无序列表1、使用圆点进行标记开始标签： <ul>… unordered lists 的缩写列表项标签： <li>… list item 的缩写2、列表类型 Type 取值三、自定义列表开始标签：<dl>… defini

2021-06-02 17:48:18 111 1

原创 HTML入门学习（一）

HTML入门学习（一）HTML菜鸟学习第一天一、HTML语言简介1、HTML是什么？HTML(HyperTextMarkupLanguage)超文本标记语言，它是通过网页浏览器来阅读实现。其中，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML 的主要特点是：简易、可扩展、平台无关HTML 的重点是标签，它是由各种通过 <> 包裹的标签组成一个页面HTML 文档也叫做 Web 页面2、HTML文档结构<html>…</html

2021-06-01 22:23:43 387 4

weixin_46461358的博客