有人问米开朗基罗："您是如何创造出《大卫》这样的巨作的？"他答道："很简单，我去采石场，看见一块巨大的大理石 ，我要做的只是凿去那些不该有的大理石，大卫就诞生了。 同样我们在抓取网页的时候，需要去掉我们不需要的，提取出需要的信息，只不过技术相当复杂。这篇文章将介绍HTML解析技术 在上篇文章（ Web Scraping with Python--第一个网页抓取实例）中，我们初步接触了BeutifulSoup库, 这里我们将通过属性来查找标签t...
上一篇博客 简单介绍了 zhihu-go项目的缘起，本篇简单介绍一下关于处理 HTML 的细节。 因为知乎没有开发 API，所以只能通过模拟浏览器操作的方式获取数据，这些数据有两种格式：普通的 HTML 文档和某些 Ajax 接口返回的 JSON（返回的数据实际上也是 HTML）。其实也就是爬虫了，抓取网页，然后提取数据。一般来说从 HTML 文档提取数据有这些做法：正则、XPath、CSS 选择器等。对我来说，正则写起来比较复杂，代码可读性差而且维...
当我们想要从复杂的网络信息中抽取出我们需要的信息时，不假思索的写出层层抽取的代码是非常不理智的。这样的代码又臭又长，难以阅读，且容易失效。正确的方法是三思而后行，使用正确的技巧方法写出简洁，易懂，扩展性强的代码。重要的事情说三遍：三思而后行，三思而后行，三思而后行### 1.class和id抽取网页的class属性和id属性是非常丰富的，我们可以使用这些属性来抽取信息：例子：```from urllib.request import urlopenfrom ...
jsoup 1.9.2 发布，改进内容包括： 改进： 1. In XML documents, detect the charset from the XML prolog -- Bug 修复 1. Fixed an issue where tag names that contained non-ascii characters but started with an ascii character would cause the parser to get stuck in an infinite loop. 2. Fixed an issue where API created XML documents would have an incorrect prolog. 3. Fixed...
当人们刚接触布局的时候都比较倾向于使用定位的方式。因为定位的概念看起来好像比较容易掌握。表面上你确切地指定了一个块元素所处的位置那么它就会坐落于那里。可是定位比你刚看到的时候要稍微复杂一点。对于定位来说，有一些东西会绊倒新手，所以在它成为你的惯用技巧前你需要掌握它们。一旦你更深入地了解了它是怎么运作的，你就能够做出一些更棒的事情来。CSS盒模型和定位的类型为了搞清楚定位首先你得了解CSS盒模型。在上一句...
本篇文章给大家带来的内容是关于CSS3中box-sizing属性的解析（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。盒模型的组成大家肯定都懂，由里向外content,padding,border,margin.盒模型是有两种标准的，一个是标准模型，一个是IE模型。 从上面两图不难看出在标准模型中，盒模型的宽高只是内容（content）的宽高，而在IE模型中盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。css如何...
本篇文章给大家带来的内容是关于CSS中display: inline-block的用法解析，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。迷之间隙我们创建一个导航列表，并将其列表 item 设置为 inline-block，主要代码如下：<div class="nav"><div class="nav-item"><a>我</a></div><div class="nav-item"><a>我</a></div><div class="nav-item"><a>我</a></div> </div> .nav {background: #999; } .nav-item{display:inline-bl...
CSS“Floats”（浮动元素）使用起来很简单，但一旦使用，它对周围元素的影响有时会变得不可预测。如果你曾经遇到过附近元素消失或浮动元素的问题，不要再担心了。这篇文章涵盖了五个基本问题，可以帮助您成为浮动元素的专家。1、哪些元素不浮动？2、浮动时元素会发生什么？3、“Floats”的同级元素会怎么样？4、“Float”的父元素会怎么样？5、你如何清除“Float”？1.哪些元素不浮动？绝对或固定定位的元素将不会浮动。因此，下次...
本篇文章给大家带来的内容是关于什么是BFC？BFC的深入解析 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、什么是BFCFormatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting context (简称BFC)和 Inline formatting context (简称IFC)。Bloc...
本篇文章给大家带来的内容是关于css中outline的解析（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在css改变单选框颜色的方法实现中我们要模拟原生单选框通过Tab键获得焦点的效果，这里涉及到一个常常被忽略的属性——outline，由于之前对其印象确实有些模糊，于是本文打算对其进行稍微深入的研究^_^Spec是这样描述它的作用用于创建可视对象的轮廓(元素的border-box)，如表单按钮轮廓等。与border不...
本篇文章给大家带来的内容是关于使用css3在网页中实现五角星样式，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。我们平时在web网页中看到的各种图形包括正方形，长方形，三角形，圆形等，大部分是使用css3或者背景图片来实现的，但是在开发的过程中，使用背景图片的截取有着很多的不足，比如图片需要占用额外的请求，对图片像素要求较高等，所以当下css3成为比较主流的实现方法。现在我们通过画出五角星来向大家...
大家在浏览web网页的时候经常看到有各种各样的图形，比如圆形，正方形，长方形，三角形等，今天特意做了一个关于用CSS实现三角形的教程，那css三角形怎么写呢？css实现三角形的原理是什么？请看一下实例详解。（相关视频教程推荐：CSS教程）css3三角形使用场景我们知道有一个特效是span下拉列表，也就是说当鼠标放上一个div时，会出现原本隐藏的内容或者二级菜单，这样一个下拉列表会突出来一个小的三角形指向原本的div区域块，如图...
最近在梳理CSS的知识，发现了很多知识盲区，归根结底还是以前学习的时候低估了CSS，认为它太简单，应该把重点放在JS上面。今天就分享一个实用的CSS3小知识，即css3:target选择器，还可以用css3:target做一个类似tab的切换效果。相信很多人应该也不熟悉这是属性吧。那继续往下看吧。一、怎么使用CSS3:target选择器target是CSS3伪类选择器中的一种，用来匹配文本中某个标志符的目标元素。＃ 锚的名称是在一个文件中链接到元素的url，...
我们在进行页面布局时，为了给用户呈现不同的效果，经常需要设置透明度，提到透明度很多人第一反应就是CSS中的opacity这个属性，没错，它确实是调节透明度的一种方式。但是，因为opacity这个属性有继承性，有时将不要设为透明的部分变成了透明，所以，我们用另一种样式，即RGBA,接下来就详细讲讲rgba和opacity分别怎么使用，以及rgba和opacity的区别。一、怎么使用rgba和opacity1、opacity取值在0到1之间，0表示完全透明，1表示完全...
在页面布局时，CSS是工作中必不可少的部分，常听别人讲：HTML是一个人素颜的样子，加了CSS后是一个人化妆以后的样子。这句话通俗易懂，很好的诠释了CSS与HTML之间的关系。CSS中的属性非常多，今天就着重讲一个属性，即CSS cursor属性，以及它的很多可选值，比如：cursor 手型 就是用的 cursor:pointer 这个属性。cursor怎么用？一、CSS cursor 基本语法cursor属性是什么：指鼠标指针放在一个元素边界范围内时所呈现的光标形状，它包...