网页基础
森-Js
521
展开
-
HTML基础
1、HTML基本格式:HyperText Markup Language:超文本标记语言,用于描述网页的格式和内容基本格式:<html> <head>....头部信息....</head> <body>....主题内容....</body></html>...原创 2019-08-08 19:16:59 · 199 阅读 · 0 评论 -
jQuery基础
目录一、JS文件二、认识jQuery三、使用jQuery1、当点击按钮时,修改的显示文字2、点击按钮时,将box1的内容移到box2四、jQuery对象1、点击按钮,修改class='java'的元素的样式2、jQuery对象与DOM对象的转换3、jQuery对象的遍历五、jQuery选择器1、ID选择器+Class选择器2、标签类型选择器3、子...原创 2019-08-31 19:19:57 · 647 阅读 · 0 评论 -
Js HTML-DOM事件处理
目录一、DOM事件处理二、鼠标事件小例子三、键盘事件例子呀四、事件监听器一、DOM事件处理DOM事件: DOM中的元素可以收到各种事件包含鼠标事件、键盘事件、表单事件等等...比如:当点击时,onclick()里面定义了一段代码。当点击鼠标时被执行<!DOCTYPE html><html> <head> <meta...原创 2019-08-29 17:07:26 · 103 阅读 · 0 评论 -
JavaScript对象
目录一、JS对象二、JS自定义类型三、浏览器对象BOM四、文档对象DOM一、JS对象JavaScript是面向对象的语言1、创建一个对象2、添加属性和方法<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JavaScrip...原创 2019-08-29 10:59:36 · 317 阅读 · 0 评论 -
JavaScript简介
一、入门JavaScriptJavaScript,一种脚本语言,可以嵌套在HTML文件中,被浏览器执行JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应 HTML 中的脚本必须位于 <scrip...原创 2019-08-28 23:07:42 · 154 阅读 · 0 评论 -
HTML-表格
一、表格<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表格</title> <style> table{ border-collapse: collapse; /*边线收缩*/ } ...原创 2019-08-28 14:21:36 · 178 阅读 · 0 评论 -
浅谈网页布局设计
一、居中布局两个<div>,上方一个水平占满,并且位置相对窗口一直固定 ,下方一个水平居中显示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>网页布局设计</title> <style> b...原创 2019-08-27 18:18:13 · 317 阅读 · 0 评论 -
浅谈网页布局
目录一、网页布局二、padding和margin三、box模型四、行内元素与块元素五、行内元素的对齐六、相对位置定位注意:相对定位,并不是相对于父元素,而是相对于自己原有的正常位置七、绝对位置定位八、固定位置定位position: fixed常用于悬浮窗口一、网页布局<div>,division,划分、层<div>是网页布...原创 2019-08-26 20:28:38 · 322 阅读 · 0 评论 -
CSS选择器Selector
目录一、DOM二、类选择器类选择器示例代码类选择器Class Selector*指定多个class多个class选择器,后定义的优先级高三、标签类型选择器标签类型示例代码:统一设定某种标签的样式标签与类结合使用四、ID选择器元素的IDID选择器ID选择器示例代码:五、伪类选择器伪类选择器示例代码:六、子选择器子选择器示例代码...原创 2019-08-11 16:26:56 · 1225 阅读 · 0 评论 -
样式单CSS
目录一、添加样式:样式Style1、添加style规则:2、样式的使用二、样式的检查三、常用样式1、背景:background2、边框与填充margin/padding3、边框border4、圆框边角border-radius5、宽度 width/min-width/max-width6、高度height/min-height/max-heig...原创 2019-08-10 17:21:47 · 475 阅读 · 0 评论 -
HTML-URL
1、URLUniform Resourse Locator统一资源定位器,描述Internet上的一个资源的地址例如:https://blog.csdn.net/gjs935219/article/details/98878578URL大体上分为两部分:https://blog.csdn.net ; 描述该资源在哪个服务器上/gjs935219/article/de...原创 2019-08-09 09:29:44 · 297 阅读 · 0 评论 -
jQuery事件处理
一、Jquery事件处理1、<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>jQuery事件处理</title> <script type="text/javascript" src="js/jquery-3.3.1...原创 2019-09-01 19:23:55 · 141 阅读 · 0 评论