html代码 | 易学教程

网站一键变灰代码，分分钟就能学会的教程

阅读更多关于网站一键变灰代码，分分钟就能学会的教程

1、在调用的公共css文件里面加入以下代码即可： html{ -webkit-filter: grayscale(1);} 2、或者是在公共模板添加以下代码： <style> html{-webkit-filter:grayscale(1);} </style> 注：mip模板请添加如下代码 <stylemip-custom> html{ -webkit-filter: grayscale(1);} </style> 来源： https://www.cnblogs.com/gjack/p/12633174.html

jquery 之天气查询小部件

阅读更多关于 jquery 之天气查询小部件

用ajax从网络接口获取对应的数据，然后显示。本demo没有做css美化，比较丑。数据接口： "http://api.map.baidu.com/telematics/v3/weather?location="+city+"&output=json&ak=EGgzZ22dsboWQEcPQ6KDQLknQd3YkkkP" 中间的city为选择的城市名称！级联省市县的获取代码没有贴出，可以前往我的 github 仓库获取： https://github.com/qiuqiu2945/jquery/tree/master/questforWeather 这个代码使用了template模板来创建元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>获取天气</title> <script src="./js/jquery-3.4.1.min.js"></script> <script src="./js/template-web.js"></script> <script type="text/html" id="optionTemp"> {{each result as value i}}, <option value={{value.id}}>{{value.cityName}}</option> {{

jquery 之幽灵按钮

阅读更多关于 jquery 之幽灵按钮

介绍幽灵按钮（Ghost Buttons）是指具备基本的按钮形状的透明按钮，但有细实线的边框。有些幽灵按钮是互动的，点击之后按钮可能会成为不透明的，白色或其他颜色的背景突出例如：实现 html代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ghostbutton</title> <link rel="stylesheet" type="text/css" href="./app.css"/> <script src="./js/jquery-3.4.1.min.js"></script> </head> <body> <div class="wrapping"> <div class="link link-mission"> <span class="icon"></span>  <a href="#" class="button" data-text="My mission is clear">MISSION <span class="line line-top"></span> <span class="line line-right"></span> <span class="line line-bottom"></span>

HTML DOM - 事件

阅读更多关于 HTML DOM - 事件

HTML DOM - 事件 HTML DOM 允许 JavaScript 对 HTML 事件作出反应。对事件作出反应当事件发生时，可以执行 JavaScript，比如当用户点击一个 HTML 元素时。如需在用户点击某个元素时执行代码，请把 JavaScript 代码添加到 HTML 事件属性中： onclick=JavaScript HTML 事件的例子：当用户点击鼠标时当网页已加载时当图片已加载时当鼠标移动到元素上时当输入字段被改变时当 HTML 表单被提交时当用户触发按键时在本例中，当用户点击时，会改变 <h1> 元素的内容：实例 <h1 onclick="this.innerHTML='Ooops!'">点击文本!</h1> 在本例中，会从事件处理程序中调用函数：实例 <script> function changetext(id){ id.innerHTML="Ooops!"; } </script> </head> <body> <h1 onclick="changetext(this)">点击文本!</h1> HTML 事件属性如需向 HTML 元素分配事件，您可以使用事件属性。实例向 button 元素分配一个 onclick 事件： <button onclick="displayDate()">点我</button> 在上面的例子中

CSS样式

阅读更多关于 CSS样式

CSS简介： CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。CSS目前最新版本为CSS5,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。 CSS语法： 1基本语法 selector { property: value} 　　（选择符 { 属性：值}）　　选择符可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开：　　body { color: black} 　　选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的效果是使页面中的文字为黑色。　　　　如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合：　　p { font-family: "sans serif"} 　（定义段落字体为sans serif）　　　　如果需要对一个选择符指定多个属性时，我们使用分号将所有的属性和值分开：　　p { text-align:

移动端页面开发总结

阅读更多关于移动端页面开发总结

准备工作：两个像素：设备像素+css像素设备像素：绝对单位，设备像素即设备的物理像素，对于每个设备来说，其设备像素是固定的，它是每个设备能控制显示的最小单位。通常我们所说的1920x1080像素分别率就用的是设备像素。 css像素：适用于web编程，是前端开发在描述css样式时经常用到的像素单位。比如，设置某个div的宽度为width：200px，这个就是css像素，是一种抽象概念，实际上并不存在。页面的缩放：当用户放大或者缩小页面时，改变的是css像素，而设备像素不会发生改变如：页面中一个div，它的宽度是200px，当用户操作页面，放大两倍，此时一个css像素的面变成了4个设备像素的面积：宽放大2倍x高放大两倍页面缩放比例（zoom level）= screen.width / window.innerWidth (一般情况下可以这么计算) 设备像素比（DPR）：在页面缩放比为1的情况下，设备像素比（DPR） = 设备像素个数 / 视觉视口css像素个数(device-width) 对于不同的设备来说设备像素比是不一样的。在早期iphone的DPR值是等于1的，但是后来引入了高密度屏幕，即为了更清晰的展示画面，在有限的设备空间内引入了更多的设备像素。所以后来iphone设备的DPR就改变了，值一般为2 场景再现：移动端需求：给你一个750px的设计稿

【自学php】第三天 - 读写文件

阅读更多关于【自学php】第三天 - 读写文件

这次的例子是把订单的数据保存起来，一般是用数据库来进行数据的存储最好，但是今天目的是为了学习读写文件，所以这次把数据存在文件里。读写文件有一般有三个步骤: 　　1）打开文件。如果文件不存在，需要先创建它。　　2）读取/写入数据。　　3）关闭文件。 1.使用fopen()打开文件。　　 $fp = fopen("$DOCUMENT_ROOT/../orders/orders.txt", "ab"); fopen()返回一个文件指针给$fp，读写文件时需要使用这个变量。　　调用fopen()通常使用2个参数。第一个参数指定文件名，第二个参数指定打开文件的方式。　　php有个内置变量$_SERVER['DOCUMENT_ROOT']指向web服务器的根目录，同表单数据一样，这个变量也有3种访问方法，这里将 $_SERVER['DOCUMENT_ROOT'] 赋给 $DOCUMENT_ROOT以方便访问。“..“表示文档的父目录，出于安全原因，将要读写的文件放在web根目录的外面（这个安全原因我也不太清楚，可能以后书里会提到了）。　　a-追加模式，从文件末尾开始追加，如文件不存在，先创建这个文件。b-二进制模式，windows系统下会区分二进制文件和文本文件，为了获得最大的可移植性，推荐使用这项。更多其他模式可以查看文档。　　打开文件时

jQuery 事件与事件对象

阅读更多关于 jQuery 事件与事件对象

一.摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言本篇文章是至今为止本系列内容最多的一篇, 足以可见其重要性. 大家反映要多列举示例. 我会在时间允许的情况下尽量多列举示例. 真正的投入生产使用的实例暂时还无法加入到文章中, 但是可能最后我会列举一些作品供大家借鉴. 另外本人水平有限, 因为我不是UI设计师. 文章可能有错误的地方, 希望大家帮忙指出, 一起学习一起进步. 在技术的世界里我们是没有任何利益瓜葛. 希望大家都抱着彼此鼓励的心态, 对于回复中的激进评论我也都会考虑, 但是希望能够彼此尊重, 保护博客园这片程序员的净土! 三.事件与事件对象曾经在我的 " Javascript公共脚本库系列(二): 添加事件多播委托的方法 " 和 " Javascript公共脚本库系列(三): 格式化事件对象/事件对象详解 " 两篇文章中, 曾讲解过javascript中的事件和事件对象. 首先看一下我们经常使用的添加事件的方式: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns

Web 前端之HTML和CSS

阅读更多关于 Web 前端之HTML和CSS

Web 前端之HTML 和CSS HTML被称为超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,HTML使用标记标签来描述网页.HTML文档描述网页,包含HTML标签和纯文本,也被称为网页 CSS是指层叠样式表(cascading Style Sheets),样式定义如何显示HTML元素,把样式添加到HTML4.0中,是为了解决内容与表现分离的问题,外部样式表可以极大提高工作效率,外部样式表通常存储在CSS文件中. 以上为官方说法.通俗来说,HTML负责的是显示内容,CSS负责的是样式.他俩在一起就像是我买了房子以后需要装修一样. HTML 中的小细节 HTML的入门简单,基础知识浅显易懂. 首先,HTML中常用字符集有GBK,GB2312和UTF-8. <meta name=＂keywords＂>用于显示网页的关键字行级元素inline:不能设置宽和高,它的宽和高是内容撑开的.eg.<a><span> 块级元素 block:可以设置宽和高.默认情况下,它的宽和高由父元素决定.eg.<p><div><h1-h6><table><o><ul> 严格来说,image既不属于行级元素,又不属于块级元素,但通常人们都将他归类为行级元素,属于一个过渡元素.这是后话. 看过了基础的知识

web前端：html基本操作

阅读更多关于 web前端：html基本操作

1. HTML概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！(例：djangomoan模版引擎) 总结： HTML其实就是一套规则，一套浏览器能够识别的规则； 2. 准备须知这里使用pycharm编辑器编写html： 1）打开pycharm，新建html文件； 1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <html lang = "en" > <head> <meta charset = "UTF-8" > <title>Title< / title> < / head> <body> < / body> < / html> 2）html效果查看：编写html代码后，点击选择pycharm中html文件右上角显示的浏览器图标，查看效果展示；找到html文件路径，直接点击打开或者选择浏览器打开查看效果； 3. Doctype标准 Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档；有和无的区别 BackCompat：标准兼容模式未开启（或叫怪异模式[Quirks mode]、混杂模式

订阅 html代码