子衿678-CSDN博客

原创 01.JS基础_前端的语法（6）

回顾<script> /* Object : 数据类型 - 语法 : {key1 : value1 , key2 : value2} - 值是什么数据类型 : 任意类型 - 键是一个字符串 - 怎么获取属性 : - obj.attr (attr:不能是一个数字) - obj["attr"] - for(var i in obj){

2022-03-22 17:01:05 1005

原创 01.JS基础_前端的语法（5）

一、对象<script> /* - 几种数据类型(不可变类型) - Number - String - Boolean - null - undefined - 变量之间一般不直接存在联系 - 对象 : (让数据有关系)(可变类型) - Object - 比如

2022-03-19 19:19:25 544

原创 01.JS基础_前端的语法（4）

作业 <script> /* //练习1： var input = parseInt(Number(prompt("请输入一个数字："))) if(isNaN(input)){ alert("请重新输入"); }else{ input % 2 ? alert(`${input}是奇数`) : alert(`${input}是偶数`); } */ /*

2022-03-18 18:00:46 572

原创 01.JS基础_前端的语法（3）

回顾<script> /* bool : 二分表达式 true false Boolean(null); "" undefined NaN 0 0.0 null == undefined // true String(variable) : 强制转换 number string boolean 调用 .toStri

2022-03-16 19:17:33 893

原创 08.表单表格补充&BFC&CSS重构

表格补充1 ：数据行分组<thead></thead><tbody></tbody><tfoot></tfoot>2 ：数据列分组<colgroup span="value"></colgroup>3 ：列标题<th></th>4 : 表格标题<caption></caption&gt

2022-03-16 14:18:51 59

宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是pc自适应。自适应的优点：元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。宽度自适应元素宽度设置为100%。（块元素宽度默认为100%）或者不设置宽度（width）;（宽度是父元素的宽度）高度自适应1)自适应元素高度：height:auto;或者不设置;（是子元素撑开父元素的高度）2)元素高度自适应窗口高度

2022-03-16 13:58:58 67

原创 06.定位与锚点

CSS文档流CSS 有三种基本的定位机制：普通流、浮动流、定位流。POSTIONposition定位属性，检索或设置对象的定位方式position属性值static默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static元素会忽略任何 top、bottom、left或 right 声明）absolute相对于父级元素、的绝对定位，浮出、脱离布局流，它不占据空间，就是我们所说的层，其位置相对于最近的已定位父元素而言的位置，可直接指定

2022-03-16 13:55:00 421

原创 05.元素类型

元素类型根据css显示分类，XHTML元素被分为三种类型: 块状元素，内联元素，可变元素&&三种类型：块状元素，内联元素，内联块元素(css2.1增加)块状元素的特点A:块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，B:默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。C:块状元素都可以定义自己的宽度和高度。 D:块状元素一般都作为其他元素的容器，它可以容纳其它

2022-03-16 10:49:20 52

原创 04.盒模型&文本溢出

盒模型盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。PADDINGpadding用法:1:padding是在盒子里面，在盒子与内容之间。2：padding的作用：控制子元素在父元素里面的位置关系。3：padding会把盒子撑大。4：如果想让盒子保持原有的大小：在宽高基础上减掉。（如果一个元素是被内容撑开的

2022-03-16 10:44:18 184

原创 03.CSS属性

CSS属性属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性属性值：属性值包括法定属性值及常见的数值加单位，如24px，或颜色值等。文本属性1:文本大小 font-size说明： 1）属性值为数值型时，必须给属性值加单位，属性值为0时除外。 2）单位还可以是pt，9pt=12px; 3）为了减小系统间的字体显示差异，IE Netscape Mozilla的浏览器制作商于1999年召开会议，共同确定16px/ppi为标准字体大小默认值,即1em.默认情况下，1

2022-03-16 09:32:08 63

原创 02.CSS基础

表单1 ：表单标签<form></form> 属性： action = '接口地址' method = 'get / post' name = '表单名称'2 ：表单控件<input> 属性： type = '控件类型' name：属性标识表单域的名称； Value：属性定义表单域的默认值，其他属性根据type的不同而有所变化。 maxlength：控制最多输入的字符数， Size：控制框的宽度（以字符为单位）1）

2022-03-16 09:15:10 62

原创 01.HTML基础

前言网站的建站流程[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-X03IK3vV-1647391270710)(img\图片1.png)]页面图例[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cRSZVr4y-1647391270712)(img\未标题-1.jpg)]网页的结构[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-123eCTXE-1647391270712)(img\图片2.png)]W

2022-03-16 09:04:34 481

原创 01.JS基础_前端的语法（2）

回顾让a和b例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport sea

2022-03-15 22:47:12 345

原创 01.JS基础_前端的概述

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代.

2022-03-15 21:53:40 2026

原创 01.JS基础_前端的语法（1）

一、第一段代码注释单行注释 //多行注释 /* */输出1.输出到html当中 document 文本 document.write(“<div>我是javascript</div>”);2.输出成警告提示浏览器窗口弹出警告提示 window.alter("123");3.输出到控制台console.log("这是控制台")二、js的书写位置定义一个变量：会变化的量定义一个变量：会变化的量为什么语言当中需要变量了

2022-03-15 21:15:11 272

weixin_49545745的博客