HTML+CSS+JS
关注
分享
扫一扫
MelanceXin
养浩然之气，善待自己方得始终。
展开
-
JQuery 中Ajax的实现
这儿分享一个测试Http接口的软件叫做 Postmanjs代码实现部分如下：实现页面内HTTP请求的get方法（使用其他方法类似） $.ajax({ type: "GET", url: "http://....../../GetPersonDevice", data: {}, beforeSend: function (request) { ...原创 2019-04-12 16:57:45 · 3237 阅读 · 0 评论 -
CSS3-(初探)基本使用
CSS简介CSS又叫做层叠样式表，层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够...原创 2019-04-25 11:47:48 · 927 阅读 · 0 评论 -
HTML5-嵌入视频和音频
嵌入视频Html5 支持直接在浏览器中播放音频和视频文件，不需要使用adobe flash插件插件是令浏览器崩溃的主要原因之一，特别是Flash，存在着很多问题。浏览器中常见支持的视频格式为 Ogg，MPEG4，WebM针对不同浏览器的不同版本，支持的视频格式会存在些许的差异。IE支持性能较差，Google Chrome支持兼容性较强。解决：针对不同浏览器，设置不同的影音格式。vid...原创 2019-04-25 09:25:14 · 561 阅读 · 0 评论 -
HTML5-嵌入图片及创建分区相应图
创建图片的元素元素，属性如下：src:设置图片的位置（显示图片）width：设置图片的宽度height：设置图片的高度alt：设置图片的备用内容（当图片加载不出来时显示的内容） 元素放在 中任意位置都是可以的，可以放表单中也可以放表单外面<!DOCTYPE html><html><head> <meata charset="U...原创 2019-04-24 18:01:11 · 1275 阅读 · 0 评论 -
HTML5-表单元素(Form-input元素)
表单元素表单：是HTML中获取用户输入的手段，对于web应用系统极其重要，但是HTML定义的功能落后于表单的使用方式已经有很多年了。HTML5中，整个表单已经彻底改造过，标准的步伐已经跟上表单的应用实践。（比如：百度的输入框是一个表单，网页中用户的的登陆框也是一个表单…）获取用户输入的方式多样，对应的表单样式也多样。关键表单元素 // 属性：method action （作...原创 2019-04-24 17:01:48 · 3259 阅读 · 1 评论 -
HTML5-表格元素和列表元素
表格元素 table完整的一个表格table元素，包含了thead,tbody,tfoot标签。实现效果：实例：<!DOCTYPE html><html><head> <meata charset="UTF-8" /> <title>MelanceXin Table_Test</title>&l...原创 2019-04-24 15:37:44 · 392 阅读 · 0 评论 -
## 解决： IIS部署静态页面更新时html，js文件没有更新的问题
问题：在实际中，在更新静态页面js文件和css文件之后，经常会出现没有自动更新的效果。通过引用之前不存在的js地址，强制更新iis服务器 //引用js //引用css在引用js或者引用css的地方更改一个新的地址或者不存在的地址，达到强制更新iis服务器，解决更新静态页面之后仍保持之前版本的页面。...原创 2019-04-19 17:33:30 · 3694 阅读 · 3 评论 -
HTML5-页面基本结构
什么是HTML？超文本标记语言(Hypertext Markup Language)”超文本“指的就是页面内可以包含图片，链接，甚至音乐，程序等非文本元素。HTML发展历史超文本标记语言（第一版）–在1993年6月作文互联网工程工作小组（IETF）工作草案发布（并非标准）。HTML2.0 --1995年11月作为RFC 1866发布，在RFC2854于2000年6月发布之后被宣布已经过时...原创 2019-04-24 11:12:50 · 12931 阅读 · 0 评论 -
页面动画实例1（HTML5+CSS3 通过外边距实现图片的运动）
效果图通过外边距是实现图片的运动代码模块：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>AnimationInstanceCSS_Test</title> <style type="text/c...原创 2019-04-28 09:46:34 · 605 阅读 · 0 评论 -
CSS3-盒子模型（内边距和外边距）
盒子模型网页设计中常听的属性名：内容（content），填充（padding），边框（border），边界（margin），CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它为盒子模式。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。标准盒子模型co...原创 2019-04-28 09:21:31 · 2118 阅读 · 0 评论 -
CSS3-过渡动画（transition & animation)
目前在CSS3中使用动画效果有两种途径：transition和animation1.transition主要属性：transition-delay 过渡动画延迟时间transition-duration 过渡动画持续时间transition-timing-function:linar 过渡变化曲线图实例：<!DOCTYPE html><html><...原创 2019-04-26 14:54:25 · 1016 阅读 · 0 评论 -
CSS3-基本文本属性Text（下）
字体 属性 1. 字体名称： Font-family 2. 字体大小：Font-size 3. 字体样式：Font-style 4. 指定字母是否以小型大写字母显示：Font-variant 5. 设置字体粗细：Font-weight 值为100-900，数值越大字体越粗 6. 创建文本阴影：Text-shadow 7. etc…实例1：（设置字体） 默认由浏览器设...原创 2019-04-26 13:44:09 · 221 阅读 · 0 评论 -
CSS3-基本文本属性Text（上）
对文本属性的一些操作方法对齐文本 Text-align文本方向 Direction指定字母间距，单词间距，行高 Letter-spacing,word-spacing,line-height首行缩进 Text-indent文本装饰 Text-decoration文本大小写转换 Text-transformetc… 实例1：（对齐文本）<!DOCTYPE ht...原创 2019-04-26 11:04:36 · 5348 阅读 · 0 评论 -
CSS3-设置基本边框和背景
CSS3中设置基本边框属性Border-width 设置边框的宽度Border-style 设置边框的样式类型Border-color 设置边框的颜色Border 设置所有边框（实例：P{border:10px;solid black}）Border-top 设置上边框Border-button 下Border-left 左Border...原创 2019-04-26 10:39:06 · 1065 阅读 · 0 评论 -
CSS3-基本选择器
css基本选择器选择器仅出现在文档内嵌样式表或者外部样式表中主要分为以下六种选择器选择所有元素根据类型选择元素根据类选择元素根据id选择元素根据属性选择元素其他选择器（比如 ”:“冒号选择器-选择器动作）1.选择所有元素<!DOCTYPE html><html><head> <meata charset="UTF-8"...原创 2019-04-25 17:56:54 · 1031 阅读 · 1 评论