![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端
文章平均质量分 95
基础学习
巧克力code
知识浅薄的IT小仔,通过Blog记录我的学习历程。其中难免会出现很多的错误,希望大家给与批评和指正。
展开
-
Web前端——JavaScript基础
文章目录一. JavaScript基础1. JS简介2. JS编写的位置(1). 在HTML标签的事件属性中直接添加脚本(2). 使用script标签插入脚本(3). 使用script标签链接脚本文件3. JS基本语法(1). 标识符和关键字(2). 直接量(字面量)和变量(3). 数据类型1. 数字类型(Number)2. 字符串类型3. 布尔类型4. null和undefined类型5. 数据类型转换6. 对象类型(Object)(1). 对象的分类1. 内置对象(内建对象)2. 宿主对象3. 自定义对原创 2020-12-19 21:44:00 · 305 阅读 · 1 评论 -
Web前端——CSS布局
一. 文档流(normal flow)网页是一个多层的结构,一层叠着一层通过CSS可以分别为每一层设置样式作为用户来讲只能看到最顶上一层这些层中,最底下的一层称为文档流,文档流是网页的基础我们所创建的元素默认都是在文档流中进行排列的对于我们来说元素主要有两个状态在文档流中不在文档流中(脱离文档流)元素在文档流中有什么特点:块元素块元素会在页面独占一行(自上向下垂直排列)默认宽度是父元素的全部(会把父元素撑满)默认高度是被内容撑开(子元素撑开)<!DOCTYPE ht原创 2020-11-28 19:50:49 · 1045 阅读 · 1 评论 -
Web前端——CSS基础样式
一. 样式的继承1. 定义样式的继承,我们为一个元素设置的样式同时也会应用到它的后代元素上2. 范围继承是发生在祖先元素和后代元素之间3. 优点继承的设计是为了方便开发,利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上,这样只需设置一次即可让所有元素都具有该样式4. 注意并不是所有的样式都会被继承比如:背景相关的,布局相关的这些样式都不会被继承5. 例子注:span的背景颜色并不是被继承的,只是span的背景默认是透明的,所以p标签的背景颜色透了过去<!DOCTYP原创 2020-10-05 10:03:15 · 2208 阅读 · 0 评论 -
Web前端——CSS语法
一. CSS语法1. CSS注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS</title> <style> /*原创 2020-10-04 16:24:41 · 533 阅读 · 0 评论 -
Web前端——CSS结构
一. CSS定义网页分为三个部分结构(HTML)表现(CSS)行为(JavaScript)1. CSS层叠样式表网页实际上是一个多层的结构,通过CSS可以为网页的每一层来设置样式而最终我们能看到的只是网页的最上面一层总之一句话,CSS用来设置网页中元素的样式2. 使用CSS来修改元素的样式方式一:(内联样式,行内样式)定义:在标签内部通过style属性来设置元素的样式缺点:使用内联样式,样式只能对一个标签生效,如果希望影响到多个元素,必须在每一个元素中都复制一遍并且当样式发生变原创 2020-10-03 19:50:51 · 1023 阅读 · 1 评论 -
Web前端——HTML颜色
一. 颜色值HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。这个表格给出了由三种颜色混合而成的具体效果:三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。1. 使用颜色的三种方法<!DOCTYPE html><html><head> <meta charset="utf-8原创 2020-09-29 16:54:44 · 2291 阅读 · 0 评论 -
Web前端——HTML音视频文件导入
音频文件audio和视频文件video<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- audio 标签用来向页面中引入一个外部的音频文件 音视频文件引入时,默认情况下原创 2020-07-03 22:39:19 · 2951 阅读 · 0 评论 -
Web前端——HTML内联框架
内联框架<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 内联框架,用于向当前页面中引入一个其他页面 src 指定要引入的网页的路径 frame原创 2020-07-03 22:37:46 · 789 阅读 · 0 评论 -
Web前端——HTML中的区块布局
一. HTML的区块元素和内联元素大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。实例: <h1>, <p>, <ul>, <table>内联元素在显示时通常不会以新行开始。实例: <b>, <td>, <a>, <img>二. <div>元素HTML <div> 元素是块级元素,它可用于组合其他 HTML 元素的容原创 2020-09-29 11:46:56 · 6334 阅读 · 0 评论 -
Web前端——HTML中的超链接
1.超链接格式的写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超链接</title></head><body> <!-- 超链接可以让我们从一个页面跳转到其他页面, 或者是当前页面的其他位置 使用a标签来定义超链接原创 2020-07-03 16:59:50 · 34762 阅读 · 0 评论 -
Web前端——HTML中的列表、表格、表单
列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表</title></head><body> <!-- 列表(list) 1、铅笔 2、尺子 3、橡皮 在html中原创 2020-07-03 16:51:16 · 10167 阅读 · 1 评论 -
Web前端——HTML字符实体
HTML实体在 HTML 中,某些字符是预留的。在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。字符实体类似这样: &entity_name; 或者 &#entity_number;实体的事例<!DOCTYPE html><html lang="en"><head>原创 2020-07-02 18:17:27 · 361 阅读 · 0 评论 -
Web前端——HTML中的标签
1. meta标签实现meta标签功能的例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- meta主要用于设置网页中的一些元数据,元数据不是给用户看的 常用属性: charset 指定网页字符集 name 指定数据的名称 con原创 2020-07-02 22:46:32 · 1101 阅读 · 0 评论 -
Web前端——HTML概述
HTML简介为什么要学习HTML5什么是HTMLHTML5新特性原创 2020-07-02 18:05:53 · 1539 阅读 · 0 评论 -
Web前端——软件和网页的概述
软件的架构HTML5为什么要学习HTML5什么是HTMLHTML5新特性原创 2020-06-28 21:04:02 · 1124 阅读 · 0 评论