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 344 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 819 3

原创 JavaScript 入门学习（一）

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

2021-06-09 20:10:43 113

原创 CSS入门学习（三）

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

2021-06-08 11:07:01 111

原创 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 96

原创 CSS入门学习（一）

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

2021-06-05 11:28:41 97

原创 HTML入门学习（三）

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

2021-06-03 15:25:58 85

原创 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 160 1

原创 HTML入门学习（一）

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

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