前端基础学习笔记
关注
分享
扫一扫
文章平均质量分 70
烟雨平生ing
这个作者很懒，什么都没留下…
展开
-
JS_概述
JS_概述1. JavaScript2. JS的特点3. js和java的区别4. javascript组成5. js与html结合方式 （两种）6. alert方法和document对象的write方法7. js中的数据类型8. js中的变量声明和typeof运算符9. js中的等于号和字符串拼接1. JavaScriptJavascript（简称JS）是一个基于对象（有的地方也叫面向对象）和事件驱动的脚本语言，主要应用在客户端（浏览器）。Java:后端的编程语言。Java程序要执行怎么办？第一步编原创 2021-08-05 14:51:42 · 150 阅读 · 0 评论 -
javascript组成-ECMAScript、bom、dom
javascript组成1. javascript组成1.1 ECMAScript（js的一些语法）1.2 BOM：browser object model ----浏览器对象模型bom中包含的对象有：navigator（了解）：浏览器的信息screen（了解）：屏幕的信息location（重点掌握属性href）：URL 的信息history（三个方法）：url的历史信息window（重点）：窗口对象，顶层对象window对象的其他方法 ------ 定时器相关联的方法1.3 DOM：document ob原创 2021-08-05 14:48:10 · 391 阅读 · 0 评论 -
js-案例
案例：动态添加和删除表格及数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态表格</title> <style> table{ border: 1px solid; margin: auto; width: 500原创 2021-08-05 14:54:03 · 79 阅读 · 0 评论 -
js-常见事件
常见事件1. 点击事件：2. 焦点事件3. 加载事件：4. 鼠标事件：5. 键盘事件：6. 选择和改变7. 表单事件：1. 点击事件： 1. onclick：单击事件 2. ondblclick：双击事件2. 焦点事件 1. onblur：失去焦点 2. onfocus:元素获得焦点。3. 加载事件： 1. onload：一张页面或一幅图像完成加载。4. 鼠标事件： 1. onmousedown 鼠标按钮被按下。 2. onmouseup 鼠标按键被松开。 3. onmo原创 2021-08-05 14:05:39 · 81 阅读 · 0 评论 -
CSS-概述，选择器
CSS概述1.什么是CSSCascading style sheets层叠样式表，级联样式表，简称样式表2.css的作用修饰htmlhtml:负责网站结构的搭建，内容的承载(盖房子的毛坯房)CSS:负责网页的修饰，美化页面(房子的装修)CSS的语法规则1.使用CSS样式内联样式(行内样式) 跟html属性一样，只能作用在一个html标签，不可重用 <any style="样式声明">多个样式用逗号隔开 内联样式没有可重用性 默认优先级最高内部原创 2021-04-11 12:14:08 · 280 阅读 · 0 评论 -
CSS-标签表现形式、浮动、定位
标签标签表现形式:display1.1 块标记(block):p,div,table1.2 行内标记(inline):span a1.3 行内块标记(inline-block):img1.4 三种标签的切换标签表现形式:display1.1 块标记(block):p,div,table 特点: a.独占一行 b.可以设置宽度和高度 c.可以通过margin:auto左右居中 d.快标签默认的宽度是100%,高度是0,除非通过height,可以通过内部的内容撑开原创 2021-05-09 14:59:15 · 401 阅读 · 0 评论 -
CSS--常用样式
常用样式1 文字样式2 文本样式3 列表样式4 背景样式1 文字样式 1.文字类型font-family:"楷体" 2.文字大小font-size:20px 20pt 3.文字风格font-style:italic 4.字体粗细font-weight:bold2 文本样式 1.颜色color 2.文本对齐方式text-align 3.行高line-height:垂直居中的效果 4.设置文本的装饰:text-decoration原创 2021-05-07 11:46:43 · 86 阅读 · 0 评论 -
HTML概述
HTML 基础HTML 基础1. 什么是 html2.html 的特点3.html 基本语法3.1 标记 又称 标签 元素 节点标记分为两种1. 双标记，封闭类型标记2. 单标记，非封闭类型，没有内容区域，又叫做空标记3.2 标记的嵌套 ( 标记套标记 )3.3 标记的属性和值1.属性值可以用双引号，单引号或者不加引号，推荐使用双引号2.属性的分类3.4 注释结论html 文档结构1. 文档类型的声明2. 网页结构3.head 中标记4.body 中标记文本标记1. 标题标记2. 段落标记HTML 基础原创 2021-04-09 10:04:26 · 104 阅读 · 0 评论 -
web 概述
将原创 2021-04-09 09:22:05 · 283 阅读 · 0 评论 -
HTML-表单
表单表单基本语法input属性表单基本语法<form action="https://www.baidu.com"> <input type="text"></form>action="" 将数据提交给目标input 触发传递事件input属性type input样式type=“text” 文本输入框（默认值）type=“password” 密码字段（密码字段字符不会明文显示，而是以星号或圆点替代。）type=“butt原创 2021-04-27 21:26:55 · 65 阅读 · 0 评论 -
html-图像、链接、表格、列表
图像、链接、表格、列表1. 图像1.1 图片使用1.2 urlurl的表现形式有两种1.绝对路径2.相对路径1.3 img的属性2.超链接，a标签a标签的其他功能3.表格3.1 表格的特点3.2 表格的属性table的属性tr的属性td的属性合并的操作3.3 表格的可选标记1.表格标题2.th4 列表1.列表的作用2.列表的组成3.列表的属性3.1 type="" 设置列表项的类型1. 图像1.1 图片使用<img src="url"> src指向了图片的路径<img src="原创 2021-04-09 20:51:04 · 203 阅读 · 0 评论