孑然啊一身-CSDN博客

原创 xpath And Requests

XPath即为XML路径语言（XML Path Language），它是一种用来在XML文档中查找信息的语言，可用来在 XML 文档中对元素和属性进行搜索，同样也适用于HTML。XPath 的选择功能十分强大，它提供了非常简洁明了的路径选择表达式，另外它还提供了超过 100 个内建函数用于字符串、数值、时间的匹配以及节点、序列的处理等等，几乎所有我们想要定位的节点都可以用XPath来选择。Xp...

2019-09-09 19:58:07 192

原创 urllib基本使用

urllib库的基本使用request它是最基本的HTTP请求模块，可以用来模拟发送请求，就像在浏览器中输入网址，然后敲击回车键一样，使用的时候只需要给库方法传入相关的URL的相关的参数即可.error:异常处理模块，如果出现请求错误，我们课使用这个模块来捕获异常，然后进行重试或者其他操作，保证程序不会以为终止。parse：这是一个工具模块，提供了许多url的处理方法，比如拆分，解析，合并等...

2019-09-09 09:02:12 170

翻译前端整屏滚动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>整屏滚动</title> <link rel="stylesheet" type="text/css"

2019-01-14 23:13:14 421

翻译 while循环练习题

用while循环重写小明的成绩，如果用户输入不合法就反复输入，直到正确为止<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>while</title> <script> wi

2019-01-14 23:11:00 4736

翻译闭包选项卡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>闭包做选项卡</title> <style type="text/css"> .btns{ widt

2019-01-14 23:07:11 103

翻译定时器使用

定时器使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器的基本用法</title> <script type="text/javascript">

2019-01-14 23:04:16 132

翻译 JS定时器弹框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器弹框</title> <style type="text/css"> .pop{ width:

2019-01-14 23:00:14 165

翻译增长循环 1～100奇数和 1～100的7的背说个数及总和 99乘法表等小练习

1、假如投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年1000 1000+10000.05=10001.051050 1050+10500.05=10501.05……5000执行代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&gt...

2019-01-14 22:55:44 392

翻译 jQuery动画

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery动画</title> <style type="text/css">

2019-01-14 22:45:48 85

翻译 jQuery操作

<!DOCTYPE html> <html lang="en"> <head> | <meta charset="UTF-8"> <title>jQuery加载</title> <script type="text/javascript" src=&quo

2019-01-14 22:43:57 69

翻译 JS分支语句

一、if条件判断语句。多条件判断<script> if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else{ 语句... }</script二、switch分支语句，描述：根据一个变量的不同取值，来执行...

2019-01-14 22:42:08 414

翻译 JS基本语法

一个完整的JavaScript实现应该由以下三个部分构成：ECMAScript,DOM和BOM1 特点：JS的特点解释型语言类似于 C 和 Java 的语法结构动态语言基于原型的面向对象2 编写位置我们目前学习的JS全都是客户端的JS，也就是说全都是需要在浏览器中运行的，所以我们我们的JS代码全都需要在网页中编写。我们的JS代码需要编写到我们一般将script标签写到head...

2019-01-08 16:59:30 2511

翻译 CSS

1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function 设置过渡的运动方式linear 匀速ease 开始和结束慢速ease-in 开始是慢速ease-out 结束时慢速ease...

2019-01-08 16:55:46 84

翻译网易考拉布局和css样式

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;网易考拉&lt;/title&a

2019-01-02 11:52:53 1076 1

翻译 360

*{ margin: 0; padding: 0;}a{ text-decoration: none; }.warp{ height: 1605px;}.header,.banner,.center,.footer1,.footer{ width: 100%;}.header{ height: 130px; /*background-color: #666;*/ o...

2019-01-02 11:50:52 225

翻译开班信息页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>开班信息</title> <style type="text/css"> *

2019-01-02 11:48:19 333

翻译表格长表格布局完善clearfix

表格在HTML中，使用table标签来创建一个表格在table标签中使用tr来表示表格中的一行，有几行就有几对tr在tr中需要使用td来创建一个单元格，有几个单元格就有几个tdcolspan横向的合并单元格caption表示表格的标题。thead表示表格的头部。tbody表示表格的主体。tfoot表示表格的底部。rowspan纵向合并text-align：设置文本的水平对齐。...

2019-01-02 11:39:34 135

翻译雪碧图

<html lang="en"><head> <meta charset="UTF-8"> <title>雪碧图</title> <style type="text/css"> .lian:link{ display:

2019-01-01 20:44:41 282

翻译绝对定位固定定位表格

1 绝对定位绝对定位指使元素相对于html元素或离他最近的祖先定位元素进行定位。当将position属性设置为absolute时，则开启了元素的绝对定位。当开启了绝对定位以后，可以使用top、right、 bottom、left四个属性对元素进行定位。绝对定位的特点：绝对定位会使元素完全脱离文本流。绝对定位的块元素的宽度会被其内容撑开。绝对定位会使行内元素变成块元素。一般使用绝...

2019-01-01 20:43:39 587

翻译高度塌陷解决高度塌陷导航条清除浮动相对定位

1 高度塌陷在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱所以在开发中一定要避免出现高度塌陷的问题,我们可以将父元素的高度写死，以避免塌陷的问题出现，但是一旦高度写...

2019-01-01 20:38:51 525

翻译文档流浮动清除浮动定位相对定位绝对定位固定定位

1 display我们不能为行内元素设置width、height、 margin-top和margin-bottom。我们可以通过修改display来修改元素的性质。可选值：block：设置元素为块元素inline：设置元素为行内元素inline-block：设置元素为行内块元素none：隐藏元素（元素将在页面中完全消失）2 visibilityvisibility属性主要用于...

2019-01-01 20:34:33 394

翻译 CSS盒子

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) -...

2018-12-24 20:28:46 433

翻译 CSS的行内连接、内式连接、外式引用

1.行内样式表：是用style属性实现，写在内部的样式表特点：1.讲CSS代码与HTML代码完全杂糅在一起，不符合W3C关于“内容与表现分离”的编码规则，不利于后期维护2.优先级最高，一般用的测试<body> <div style="样式；样式；"> </div> </body>2.内部样式表：是把写在头部的样式表...

2018-12-20 22:46:53 1070

转载 CSS选择器餐厅训练

第一关plateplate元素第二关bentobento元素第三关#fancyid为fancy的元素第四关plate appleplate祖先元素下的apple后代元素第五关#fancy pickleid为#fancy的祖先元素下的pickle后代元素第六关.small组为small的元素第七关orange.small组为small的orange元素第八关...

2018-12-20 20:27:52 3067

翻译 HTML 的 head标签里面装的小东西

2018-12-19 18:42:14 91

翻译最常用的三种图片格式

HTML最常见的插入图片格式gif 支持动图，支持的颜色较少，只支持简单的透明，颜色比较单一jpg 图片格式支持的颜色较多，而且可以压缩，但不支持透明，所以我们用jpg来保存颜色比较丰富的图片，例如照片png 支持颜色较多，并且支持复杂的透明，比较好一点以上三个占的大小可不一样哦，在使用过程中如果效果不一致，就使用效果好的，如果效果一致就使用体积小的，这样用户也比较节省流量...

2018-12-19 16:24:14 2683

翻译 HTML

HTMl是Hypertext Markup Language 的简写所称 &amp;quot;超文本标记语言&amp;quot;它的作用是负责制作网页时的结构，用标签的形式来识别标识网页中的不同组成部分超文本是超链接，使用超链接可以从一个页面跳转到另一个页面HTML的基本结构⬇️&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp

2018-12-18 19:41:55 111

翻译 MySQL的基本操作

#数据库的基本创建#数据库是储存大量数据的，也是为了高效管理大量数据的，数据库是个管理软件#最大的是数据库，数据库里边有表，表里边有行和列，数据库还有主键、外键、索引，表就像excel表格一样，从而用来设置格式大小和储存内容.(这些是我刚接触数据库第一天所了解到的东西)从命令行进入数据库// mysql -u root -p然后正常情况会出现//Welcome to the MySQ...

2018-11-15 23:00:54 117

翻译 linux与linux vi 常用命令

进入目录cd cd .. 返回上一层 cd - 返回到上次的目录 cd ~ 快速回到家目录查看目录列表ls ls -a 查看隐藏文件 ls -l 查看文件的详细信息 ls -lh 把大小转成具体的数值新建文件夹mkdir新建文件touch删除文件rm删除文件夹rm -r分屏显示more重定向 ...

2018-09-09 01:12:34 74

翻译学习python基础所需要的基本软件链接

[x]GitHub https://github.com/ gitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub [x]简书 http://www.jianshu.com/ 简书是一个创作社区，任何人均可以在其上进行创作。用户在简书上面可以方便的创作自己的作品，互相交流。简书成为国内优质原创内容输出平台。 [x]知乎 h...

2018-09-08 23:58:38 458

转载如何解决windows无法安装ubuntu问题

1.如何解决windows无法安装ubuntu问题1.先进入Windows的BLOS Setup界面（一般来说开机的时候反复按 F2） 2、使用键盘的右方向键选中 “Configuration”菜单，然后使用下方向键选中“Intel Virtual Technology”选项并回车；如图所示3、在弹出的设置窗口，Enabled表示启用，Disabled表示禁用（默认设置）。如需开启，请选...

2018-09-08 23:39:34 2049

人生苦短，我用python