meta | 易学教程

运动函数

阅读更多关于运动函数

拖拽鼠标在元素中按下，不松手在页面中移动，让元素跟随鼠标移动松开鼠标，拖拽停止 var oDiv = document . getElementsByTagName ( "div" ) [ 0 ] ; //1.按下 oDiv . onmousedown = function ( ev ) { var ev = window . event || ev ; //鼠标的位置-oDiv的offset var a = ev . clientX - oDiv . offsetLeft ; var b = ev . clientY - oDiv . offsetTop ; //2.拖动 document . onmousemove = function ( ev ) { var ev = window . event || ev ; var l = ev . clientX - a ; var t = ev . clientY - b ; //3.元素随鼠标移动 oDiv . style . left = l + "px" ; oDiv . style . top = t + "px" ; } //4.松手取消move document . onmouseup = function ( ) { document . onmousemove = null ; } } 拖拽的问题及解决问题

Python之路_Day14

阅读更多关于 Python之路_Day14

Python之路_Day14_课堂笔记前期回顾：本节内容：一、HTML - 标签二、CSS - 效果 color: red; 三、JavaScript - 语言基础 - 效果查找操作 jQuery 一、HTML 1、头部标签 meta、 title、 link、引入css、引入js <!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8" />  <meta http-equiv="Refresh" Content="30"/>    <meta name="keywords" content="星际2,星际老男孩,专访,F91,小色,JOY" >  <title name="alex">老男人</title>  <link rel="shortcut icon" href="favicon.ico"></head><body>测试</body></html> 2、常用标签标签一般分为两种

【Python学习之路】——Day14（HTML）

阅读更多关于【Python学习之路】——Day14（HTML）

概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！(例：djangomoan模版引擎) HTML文档文档树 Doctype Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档有和无的区别 BackCompat：标准兼容模式未开启（或叫怪异模式[Quirks mode]、混杂模式） CSS1Compat：标准兼容模式已开启（或叫严格模式[Standards mode/Strict mode]）这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。如果你的页面添加了那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。有，用什么？ Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档, dtd文件则包含了标记、attributes

01HTML5学习之HTML5基础

阅读更多关于 01HTML5学习之HTML5基础

文章目录 1、文档类型定义 2、网页模板 3、HTML元素 4、四大元素head、title、meta和body 头部（Head）主体（body） 5、你的第一张网页 6、标题元素 7、段落元素对齐 8、换行元素 9、块引用元素 10、短语元素 11、有序列表类型（Type）、起始值（Start）和倒序*(Reversed)属性 12、无序列表 13、描述列表 14、特殊字符 15、结构元素分区元素（Div） HTML结构性元素页眉元素（Header）导航链接元素（Nav）主体元素（Main）页脚元素（Footer） 16、锚元素绝对超链接相对超链接网站地图电子邮件超链接 1、文档类型定义文档类型定义（Document Type Definition，DTD）。DTD指明了文档中所包含的HTML版本。浏览器与HTML代码校验器在处理网页时就可以使用DTD里的信息。网页文档里的第一行就是DTD语句，通常称作文档类型语句（doctype）。HTML5的DTD如下： <!DOCTYPE html> 2、网页模板所创建的每一张页面都会包含DTD、html、head、title、meta和body元素。一个基本的HTML5网页模板如下： <!DOCTYPE html> < html lang = " zh-CN " > < head > < title >

水平垂直居中

阅读更多关于水平垂直居中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>垂直居中</title> <style> *{ margin: 0; padding: 0; } html,body{ height:100%; } #bg{ height:100%; background: powderblue; width: 100%; } #inner{ background: blueviolet; height:240px; width:240px; position: absolute; top:50%; left:50%; transform: translate(-120px,-50%); } </style> </head> <body> <div id="bg"> <div id="inner"></div> </div> </body> </html> CSS权值: 事件冒泡与事件捕获: 来源： https://www.cnblogs.com/eret9616

web api DOM_02

阅读更多关于 web api DOM_02

创建元素的三种方式 document.write() 缺陷:如果是在页面加载完毕后,此时通过这种方式创建元素,那么页面上存在的所有的内容全部被干掉 document.write('新设置的内容<p>标签也可以生成</p>'); innerHTML var box = document.getElementById('box'); box.innerHTML = '新内容<p>新标签</p>'; document.createElement() var div = document.createElement('div'); document.body.appendChild(div); 性能问题 innerHTML方法由于会对字符串进行解析，需要避免在循环内多次使用。可以借助字符串或数组的方式进行替换，再设置给innerHTML 优化后与document.createElement性能相近 - 动态创建列表，高亮显示 - 根据数据动态创建表格模拟百度搜索文本框元素相关得方法: 只创建一个元素节点操作、* 节点的属性:(可以使用标签–元素.出来,可以使用属性节点.出来,文本节点.点出来) nodeType:节点的类型:1----标签,2—属性,3—文本 nodeName:节点的名字:标签节点—大写的标签名字,属性节点—小写的属性名字,文本节点----#text

html的常用标签

阅读更多关于 html的常用标签

/*--> */ /*--> */ 基本框架 <!DOCTYPE html>  <html lang="en">  <head>  <meta charset="UTF-8">  <title>Title</title>  </head> <body>  </body> </html> 特殊字符内容对应代码空格 > > < < & & ¥ ¥ 版权 © 注册 ® 常用标签　　head内常用标签标签意义 <title></title> 定义网页标题 <style></style> 定义内部样式表 <script></script> 定义JS代码或引入外部JS文件 <link/> 引入外部样式表文件 <meta/> 定义网页原信息 Meta标签： <meta>元素可提供有关页面的原信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。 <meta>标签位于文档的头部，不包含任何内容。 <meta>提供的信息是用户不可见的。 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性

从网易与淘宝的font-size思考前端设计稿与工作流

阅读更多关于从网易与淘宝的font-size思考前端设计稿与工作流

　　从博主学习前端一路过来的经历了解到，前端移动开发是大部分从PC端转战移动端的小伙伴都非常头疼的一个问题，这边博主就根据一篇自己看过的移动开发文章来剖析一下网易和淘宝的rem解决方案，希望能够帮助到一些从PC端转战web移动开发的小伙伴，因为是第一次写博文，写得不好的地方也希望大家多多包涵啦(*^__^*) 嘻嘻……（ps:文章有点长，如果你现在时间紧迫，那可以先收藏，等到有时间了再回头慢慢品尝喔）首先我们一起看看这篇打通博主web移动开发任督二脉的武功秘籍吧（以下内容到分割线前是引用前端大牛的文章，方便大家理解博主内容）：从网易与淘宝的font-size思考前端设计稿与工作流 1. 简单问题简单解决我觉得有些 web app并一定很复杂，比如拉勾网，你看看它的页面在iphone4,iphone6,ipad下的样子就知道了：它的页面有一个特点，就是：顶部与底部的bar不管分辨率怎么变，它的高度和位置都不变中间每条招聘信息不管分辨率怎么变，招聘公司的图标等信息都位于条目的左边，薪资都位于右边这种app是一种典型的弹性布局：关键元素高宽和位置都不变，只有容器元素在做伸缩变换。对于这类app，记住一个开发原则就好：文字流式，控件弹性，图片等比缩放。以图描述：这个规则是一套基本的适配规则，对于这种简单app来说已经足够，同时它也是后面要说的rem布局的基础

web前端开发规范手册

阅读更多关于 web前端开发规范手册

Web 前端开发规范手册一、规范目的 1.1 概述 ..................................................................................................................................... 1 二、文件规范 2.1 文件命名规则.........................................................................................................................1 2.2 文件存放位置..........................................................................................................................2 2.3 css 书写规范..........................................................................................................................3 2.4 html书写规范...............

Angularjs 数据循环

阅读更多关于 Angularjs 数据循环

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible"content="edge" /> <meta name="viewport"content="width=device-width,initial-scale=1" /> <title></title> <meta charset="utf-8" /> <link rel="stylesheet"href="bootstrap/css/bootstrap.min.css" /> <style> </style> </head> <body> <div class="container"style="padding:50px"> <div data-ng-app="nameApp"data-ng-controller="nameCtrl"> <ol> <li data-ng-repeat="l in languages">{{l}}</li> </ol> </div> </div> <script src="jQuery/jquery-2.2.0.min.js"></script> <script src=

订阅 meta