web前端开发(html、css、JavaScript)
汇总HTML、CSS、JavaScrip的重要知识点
乔治的哥们
这个作者很懒,什么都没留下…
展开
-
Bootstrap_全局CSS样式_按钮&图片&表格&表单&组件&轮播图
CSS样式+JS插件按钮: class=“btn btn-default” default 改成不一样的值 , 背景色就不一样。图片:class= “'img-responsive” : 图片在任意尺寸都占100%class=“img-rounded” : 图片为方形c...原创 2020-03-11 23:39:50 · 257 阅读 · 0 评论 -
Bootstrap_栅格系统_入门
响应式布局同一套页面可以兼容不同分辨率的设备实现:依赖于栅格系统:将一行平均分成12个格子,可以去指定元素占几个格子。步骤:定义容器。相当于之前的 table容器分类:container : 两边有留白container-fluid : 每一种设备都是100%宽度定义行。相当于之前的 tr 样式 : row定义元素。(...原创 2020-03-11 22:07:50 · 199 阅读 · 0 评论 -
Bootstrap快速入门
Bootstrap下载官网:https://v3.bootcss.com/getting-started/<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content...原创 2020-02-23 23:42:39 · 111 阅读 · 0 评论 -
前端案例 —— 表格全选、全不选、反选
实现对于表格的全选、全不选、反选、以及鼠标在表格上时,该行表格变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2020-02-23 19:55:20 · 917 阅读 · 0 评论 -
javaScript中的事件
事件概述<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>常见事件&...原创 2020-02-23 18:08:08 · 97 阅读 · 0 评论 -
前端案例 ——注册页面(html+css实现)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>注册页面</ti...原创 2020-02-23 17:01:18 · 5116 阅读 · 3 评论 -
javaScript -- HTML DOM对象
HTML DOM标签体的设置和获取: innerHTML使用html元素对象的属性控制元素属性使用元素的style属性来设置提前定义好类选择器的样式,通过元素的className属性来设置其class属性值。<!DOCTYPE html><html lang="en"><head> <meta charset="U...原创 2020-02-22 18:30:49 · 108 阅读 · 0 评论 -
前端案例——动态表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动态表格</ti...原创 2020-02-22 00:42:02 · 1368 阅读 · 0 评论 -
javaScript -- DOM对象
DOM查找<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu...原创 2020-02-21 21:45:44 · 93 阅读 · 0 评论 -
javaScript -- BOM对象
1. BOM概述:2. window_弹出方法+窗口的打开和关闭:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2020-02-21 16:58:02 · 78 阅读 · 0 评论 -
前端案例——倒计时自动跳转到首页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自动跳转</ti...原创 2020-02-21 16:16:23 · 580 阅读 · 0 评论 -
前端案例——轮播图的实现(定时切换图片)
显示效果为:主页图片每三秒更换一次。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2020-02-21 00:28:00 · 3832 阅读 · 0 评论 -
javaScript_对象(function-Array-Date-RegExp-Golbal)
1. function对象这里是引用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Function对象</title> <script> /* Function;函数(方法...原创 2020-02-18 20:41:53 · 145 阅读 · 0 评论 -
javaScript-事件简单学习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-02-19 22:44:39 · 94 阅读 · 0 评论 -
javaScript-DOM简单学习
DOM简单学习功能: 控制html文档的内容代码:获取页面标签(元素)对象 Elementdocument.getElementById(“id值”) : 通过元素的id 获取元素的对象。操作Element对象:修改属性值:明确获取的对象时哪一个?查看文档API , 找其中有哪些属性可以设置修改标签体内容:属性:<!DOCTYPE htm...原创 2020-02-19 18:23:08 · 100 阅读 · 0 评论 -
javaScript与java的语法区别
javaScript与java的语法区别原创 2020-02-17 09:29:32 · 640 阅读 · 0 评论 -
图解CSS3语法
CSS3(I)圆角边框与阴影CSS3(II)文本与文字原创 2020-02-14 21:48:38 · 177 阅读 · 0 评论 -
图解 CSS布局和定位
1 . 布局与定位概述2 . 盒子模型(I)2 . 盒子模型(II)原创 2020-02-04 18:36:21 · 978 阅读 · 0 评论 -
图解 CSS样式
1 . CSS样式基本概述+语法2 . CSS的添加方法:行内-内嵌-外部样式3 . CSS选择器 : 标签-类别-ID选择器;选择器集体、嵌套、全局声明4 . CSS样式(I):单位与颜色、文本属性、文字属性4 . CSS样式(I):背景与超链接...原创 2020-02-03 14:21:59 · 341 阅读 · 0 评论 -
图解 HTML 基础语法
1. html文件结构及基本框架介绍.2. html标签介绍(I)3. html标签介绍(II) - a4. html标签介绍(III)- img原创 2020-02-01 17:15:52 · 335 阅读 · 0 评论