html代码

CSS基础语法规则学习笔记

六眼飞鱼酱① 提交于 2020-04-01 07:14:37
CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 样式解决了一个普遍的问题 HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。 由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。 为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。 所有的主流浏览器均支持层叠样式表。 样式表极大地提高了工作效率 样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档

html/css/ javascript笔记

情到浓时终转凉″ 提交于 2020-04-01 06:33:12
1.JavaScript 中call()方法和apply()方法的作用相同,他们的区别在于接收参数的方式不同。对于call(),第一个参数是this值没有变化,变化的是其余参数都直接传递给函数。(在使用call()方法时,传递给函数的参数必须逐个列举出来。使用apply()时,传递给函数的是参数数组。 call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象,第二个参数差别就来了: call的参数是直接放进去的,第二第三第n个参数全都用逗号分隔,直接放到后面 obj.myFun.call(db,'成都', ... ,'string' ); apply的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,['成都', ..., 'string' ]); bind除了返回是函数以外,它 的参数和call 一样。 当然,三者的参数不限定是string类型,允许是各种类型,包括函数 、 object 等等! 2. Ajax 和 Flash 1.Ajax的优势:1.可搜索性 2.开放性 3.费用 4.易用性 5.易于开发。 2.Flash的优势:1.多媒体处理 2.兼容性 3.矢量图形 4.客户端资源调度 3.Ajax的劣势:1.它可能破坏浏览器的后退功能 2.使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中

03JavaScript程序设计修炼之道 2019-07-07_14-54-59_ 定时器的使用

不问归期 提交于 2020-04-01 06:15:10
02setInterval.html <!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>Document</title> </head> <body> <script> // 定时器 /* setInterval() window.setIn... setInterval(函数,时间); 每隔一段时间 执行函数中代码 ---取消 clearInterval(timeId); setTimeout(函数,时间) 隔一段时间 执行函数一次 并且只执行一次 clearTimeout(timeId) */ var i = 0; var timeId = setInterval(fn,1000); //setTimeout(fn,1000); function fn() { console.log(i); i++; if(i===101) { // 取消定时器 clearInterval(timeId); } } </script> </body> <

Linux下Nginx服务Rewrite和Proxy_Pass

自古美人都是妖i 提交于 2020-03-31 18:53:15
Nginx_Rewrite 一、介绍 Rewrite根据nginx提供的全局变量或自己设置的变量,结合正则表达式和标志位实现url重写和者重定向。 Rewrite和location类似,都可以实现跳转,区别是rewrite是在同一域名内更改url,而location是对同类型匹配路径做控制访问,或者proxy_pass代理到其他服务器。 Rewrite和location执行顺序: 执行server下的rewrite 执行location匹配 执行location下的rewrite 二、语法和参数说明 1.rewrite语法格式 rewrite <regex> <replacement> <flag>; 关键字 正则表达式 代替的内容 重写类型 Rewrite:一般都是rewrite Regex:可以是字符串或者正则来表示想要匹配的目标URL Replacement:将正则匹配的内容替换成replacement Flag:flag标示,重写类型: - last:本条规则匹配完成后,继续向下匹配新的location URI规则;相当于Apache里德(L)标记,表示完成rewrite,浏览器地址栏URL地址不变;一般写在server和if中; - break:本条规则匹配完成后,终止匹配,不再匹配后面的规则,浏览器地址栏URL地址不变;一般使用在location中; -

用Python爬取大众点评数据,推荐火锅店里最受欢迎的食品

倖福魔咒の 提交于 2020-03-31 17:08:35
前言 文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。 作者:有趣的Python PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行获取http://t.cn/A6Zvjdun 首先笔者定位为成都,美食类型选的“火锅”,火锅具体类型选的不限,区域选的不限,排序选的智能,如图: 你也可以选择别的选项,只是注意URL的变化。本文都是按照上述选项爬取的数据。接下来翻页观察一下URL的变化: 第二页: 第三页: 很容易观察出翻页变化的知识p后面的数字,倒推回第一页,发现一样的显示内容,因此,写一个循环,便可以爬取全部页面。 但是大众点评只提供了前50页的数据,所以,我们也只能爬取前50页。 这一次,笔者用的pyquery来分析网页的,所以我们需要定位到我们所爬取的数据的位置,如图: 在具体分析的网页的时候,我震惊了,大众点评的反爬做的太过分了,它的数字,一些文字居然都不是明文显示,而是代码,你还不知道怎么分析它。如图: 很烦的,一些文字又可以显示,一些又用代码表示。一些数字也是,不过好一点的是数字只有9个,只要稍微观察一下,就能发现数字的代码是什么了。这里笔者列出来了。 {'hs-OEEp': 0, 'hs-4Enz': 2, 'hs-GOYR': 3, 'hs-61V1': 4, 'hs-SzzZ': 5,

使用DOM技术操纵文档

这一生的挚爱 提交于 2020-03-31 13:32:18
我们知道,如果使用DHTML对象模型对文档的内容进行操纵,就必须了解相关文档元素的特殊属性和方法。因为文档的元素有很多种,相应的属性和方法也就非常多,为了实现一个功能,开发人员不得不查询许多资料。但是有了DOM技术,一切变得简单起来,那些操纵文档内容的属性和方法具备了元素无关性(element-independent)特点,这使得我们能够按照相同的步骤操纵文档内容。毋庸置疑,DOM技术为开发人员在对象层次上操纵文档提供了最便捷的手段。 本文就为你全面介绍在JavaScript中如何使用DOM属性和方法操纵文档内容。 使用data、nodeValue和src属性 DOM提供了2个属性用于修改文本节点的内容,它们是data和nodeVaule。2个属性实现的功能相同,语法是:object.data="new value"或者object.nodeVaule="new value",其中object代表页面中的文本项节点。如果修改图形文件的内容,语法是:object.src="new value",其中object表示页面中的img标记节点。来看看下面的例子: <HTML><HEAD><TITLE> DOM Demo </title></HEAD> <BODY ID="bodyNode"> This is the document body <P ID = "p1Node">This

html脚本<script> 标签与<noscript>

╄→гoц情女王★ 提交于 2020-03-30 22:56:27
html脚本?JavaScript 是可插入 HTML 页面的编程代码;JavaScript 使 HTML 页面具有更强的动态和交互性;JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 html <script> 标签:<script> 标签用于定义客户端脚本,比如 JavaScript;<script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件;JavaScript 最常用于图片操作、表单验证以及内容动态更新//如果使用 "src" 属性,则 <script> 元素必须是空的。 1 <script> 2 document.write("Hello World!") 3 </script> HTML<noscript> 标签?<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时;<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素;只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>W3Cschool(w3cschool.cn)</title> 6 </head> 7 <body

兼容多浏览器的html圆角特效

回眸只為那壹抹淺笑 提交于 2020-03-30 20:46:34
前言: 通常情况下,我们使用css3样式中的border-radius实现圆角效果,但是这种方法IE8.0以下版本浏览器是不支持的。 但是目前使用IE8.0的用户还比较多,Windows XP系统最高支持IE8.0,还有些其他的某些Trident内核浏览器也是还停留在IE7.0,所以如果要求比较高的情况下,就要考虑其他办法来实现这个效果。 怎么样实现能兼容性最好的圆角特效呢? 目前有三种方法: 方法一.CSS3实现的圆角效果 参考代码 : 1 <style type="text/css"> 2 #nav { 3 height:158px; 4 width:200px; 5 -moz-border-radius:4px; /*Gecko(Firefox内核)浏览器圆角样式*/ 6 -webkit-border-radius:4px; /*webkit(Chrome内核)浏览器圆角样式*/ 7 border-radius:4px; /*Trident(IE内核)浏览器圆角样式*/ 8 background:#59C3FF; 9 padding:8px;} 10 </style> 11 12 <div id="nav">CSS3实现的圆角效果,IE8.0以下浏览器不支持</div> 优点: 使用的时候只需要使用简写方法,给标签指定样式即可; 缺点: IE8.0及以下版本不支持。 方法二

爬虫的新手使用教程(python代理IP)

£可爱£侵袭症+ 提交于 2020-03-30 20:38:49
前言 Python爬虫要经历爬虫、爬虫被限制、爬虫反限制的过程。当然后续还要网页爬虫限制优化,爬虫再反限制的一系列道高一尺魔高一丈的过程。爬虫的初级阶段,添加headers和ip代理可以解决很多问题。 PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行获取http://t.cn/A6Zvjdun 本人自己在爬取豆瓣读书的时候,就以为爬取次数过多,直接被封了IP.后来就研究了代理IP的问题. (当时不知道什么情况,差点心态就崩了...),下面给大家介绍一下我自己代理IP爬取数据的问题,请大家指出不足之处. 问题 这是我的IP被封了,一开始好好的,我还以为是我的代码问题了 思路: 从网上查找了一些关于爬虫代理IP的资料,得到下面的思路 爬取一些IP,过滤掉不可用. 在requests的请求的proxies参数加入对应的IP. 继续爬取. 收工 好吧,都是废话,理论大家都懂,上面直接上代码... 思路有了,动手起来. 运行环境 Python 3.7, Pycharm 这些需要大家直接去搭建好环境... 准备工作 爬取IP地址的网站(国内高匿代理) 校验IP地址的网站 你之前被封IP的py爬虫脚本... 上面的网址看个人的情况来选取 爬取IP的完整代码 PS:简单的使用bs4获取IP和端口号,没有啥难度,里面增加了一个过滤不可用IP的逻辑 关键地方都有注释了 import

HTML 基础(二)

大城市里の小女人 提交于 2020-03-30 19:50:40
本节内容分三部分: 文本格式化 链接 头部 1. 文本格式化 效果如下: 注意: 通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。 区别: <b> 与<i> 定义粗体或斜体文本。 <strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。 2. 链接 语法格式: <a href="url">链接文本</a> ,url 描述了链接的目标,链接文本为显示内容 代码:<a href="https://www.baidu.com/">点击打开百度</a> 实例: 点击打开百度 需要注意的是,“链接文本”不必一定就是文本,可以是图片或其他HTML元素 target属性 使用 target 属性可以定义被链接的内容在何处显示,如果你将 target 属性设置为 "_blank", 链接将在新窗口打开 代码:<a href="https://www.baidu.com/" target="_blank">打开百度(在另一页面显示)</a> 效果: 打开百度(在另一页面显示) 链接 — id属性 在HTML文档中插入ID:<a id="tips">有用的提示部分</a> 在HTML文档中创建一个链接到"有用的提示部分(id="tips")":<a href="#tips">访问有用的提示部分</a> 或者,从另一个页面创建一个链接到