HTML
关注
分享
扫一扫
MxyDevil
这个作者很懒，什么都没留下…
展开
-
HTML常用标签(1)
一、网页开发基础知识网页文件：是使用一种html的标记语言书写的文本文件，它可以在浏览器中按照设计者设计的样式显示网页主要由三部分组成;结构，表现和行为 结构;网页的结构和内容【一个网页包括各级标题，正文段落和各种列表等】----》html 表现：设定网页的表现样式【每种组成部分的字号，颜色，位置等】----》css 行为：控制网页的行为【鼠标点击，键盘点击等，完成和用户的交互】...原创 2019-03-24 19:38:04 · 173 阅读 · 0 评论 -
jQuery文本内容和指针、AJAX（1）
一、jQuery案例1.属性1.1overflow代码演示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> div{ background-color: cyan; ...原创 2019-03-24 20:20:04 · 159 阅读 · 0 评论 -
jQuery动画、事件及省份城市三级关联
一、动画js，animationjQuery的动画的实现原理：只需要以固定的时间间隔【例如：0.1秒】，每次将DOM元素的css样式做出指定的修改，形成一个流畅的视觉效果1.系统动画1.1隐藏/显示代码演示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <...原创 2019-03-24 20:14:33 · 197 阅读 · 0 评论 -
jQuery简介、基本语法、选择器、操作元素和操作DOM
一、jQuery简介1.什么是jQuery是一个轻量级的，基于js封装的库jq库包含的功能： html元素的获取【getElementByXxxx】 html元素的操作【增删改查】 css操作 html事件函数 js特效和动画 操作DOM ajax使用jq的好处： a.将之前的js代码简化 b.不需要关心兼容性问题 c.提供了大量的方法jq的设计...原创 2019-03-24 20:09:35 · 499 阅读 · 0 评论 -
事件、卧龙首页案例及省份城市二级关联
一、事件1.鼠标事件1.1表单onsubmit事件作用：当表单的内容不符合要求的时候，阻止表单提交，在实际应用中，会给用户提示代码演示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style>...原创 2019-03-24 20:07:03 · 170 阅读 · 0 评论 -
DOM操作
一、DOM1.简介Document Object Model，文档对象模型，主要操作整个文档可以使用js中DOM中对象的属性和方法，操作html和css工作原理：想要对标记性文档【html】进行操作，首先需要将标记性文档中的所有内容【包括元素，属性，文本】封装成对象，封装成对象的目的是为了使用其中的属性和方法明确一点：在加载html页面时，web浏览器会生成一个树形结构，用来表示页面的...原创 2019-03-24 19:57:52 · 119 阅读 · 0 评论 -
ECMAScript基本语法（2）及BOM
一、ECMAScript基本语法1.js语句1.1if语句单分支：if(关系表达式){}双分支：if(关系表达式){}else{}多分支：if(关系表达式1){}else if(关系表达式2){}…else{}注意：如果if语句代码块中只有一行代码，则可以省略{}代码演示：<!DOCTYPE html><html> <hea...原创 2019-03-24 19:55:35 · 136 阅读 · 0 评论 -
CSS的常用属性（2）、Javascript简介及ECMAScript基本语法（1）
一、css的常用属性1.定位属性1.1基础使用position：设置元素的位置， absolute：绝对定位，参照父标签或者先辈标签设置有效定位，通过left，top，right，bottom设置有效定位【类似于坐标轴，至少需要其中的两个值可以确定一个标签的位置】 参照物：如果给一个元素设置位置，则查看该标签的父标签是否设置有效定位，如果有，则以父标签作为参照物；如果没有设置，则...原创 2019-03-24 19:51:33 · 127 阅读 · 0 评论 -
CSS与HTML的结合方式及CSS常用属性（1）
一、css与html的结合方式1.行内样式html的标签都有一个style属性，直接操作html标签，style属性的值其实就是css代码代码演示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </hea...原创 2019-03-24 19:47:35 · 186 阅读 · 0 评论 -
HTML常用标签(2)及CSS选择器
一、html常用的标签1.表单标签作用：可以提交不同的数据到指定的服务器标签：:表示表单的范围，父标签主要用于采集用户信息，分为三部分： a.表单标签：包含数据需要提交到的服务器的地址，数据提交的方式【get和post】 b.表单域：用于采集用户信息的 c.表单按钮：普通按钮【button】 重置按钮【reset】 提交按钮【submit】form标签的属性： a...原创 2019-03-24 19:43:55 · 194 阅读 · 0 评论 -
AJAX（2）和Bootstrap
一、AJAX1.jQuery和ajax1.1load代码演示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-3...原创 2019-03-24 20:49:28 · 124 阅读 · 0 评论