2020年05月_GuessHat

原创 javaScript输入输出语句

javaScript输入输出语句1.输入prompt('请输入')2.弹框警示框输出alert(输出'内容')3.控制台输出consol.log('控制台输出')

2020-05-29 18:02:44 1271

原创 javaScript三种引用样式

javaScript三种引用样式1.内嵌式写入head中<head> <meta charset="UTF-8"> <title></title> <script> alert('显示内容') </script> </head>2.行内<input type="button" name="" id="" value="xx" onclick="alert('显示内容')" />

2020-05-29 17:50:55 912

伪类1. :hover鼠标移动到链接上触发操作.box:hover{ overflow: visible; animation-delay:2s; }通过:hover可以将之前设置的overflow:hidden内容显示出来，类似触发下拉菜单2. ::after 伪元素表示在块级元素内部最后创建一个伪元素ul::after{ display: block; content: ''; clear: both; }主要用来对盒子模型中父元素进行高固

2020-05-28 17:18:32 389

原创定位

定位1.基本定义在CSS中，position属性用于定义元素的定位模式，其基本语法格式如下：选择器{position:属性值;}position属性的常用值static 自动定位（默认定位方式）relative 相对定位，相对于其原文档流的位置进行定位absolute 绝对定位，相对于其上一个已经定位的父元素进行定位fixed 固定定位，相对于浏览器窗口进行定位2.相对定位relative：相对定位是将元素相对于标准流的位置进行定位，当position属性的取值为relative时

2020-05-28 14:43:37 664

原创 CSS中的display

CSS中的display属性1.display属性的意义：对于一些行元素无法定义显示的width和height,如a/span标签，通常大小由元素定义，display可以将行元素/块元素/行内块元素进行相互转换，便于设计2.常用的属性值和描述值描述block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block行内块元素3.块元素/行内块元素/行元素介绍块状元素(1)

2020-05-28 09:33:47 1657

原创 HTML中的特殊字符

HTML中的特殊字符显示结果实体名称描述实体编号空格  <小于号<>>大于号>>"引号";"

2020-05-27 09:23:23 142

原创 label标签

label标签1.定义 label标签的作用是为鼠标用户改进了可用性，当用户点击label标签中的文本时，浏览器就会自动将焦点转到和该标签相关联的控件上； label标签通常和input标签一起使用，label标签为input元素定义标注（标记） label标签在单选按钮和复选按钮上经常被使用，使用该标签后，你点击单选按钮或复选按钮的文本也是可以选中的。2.语法<label for="关联控件的id" form="所属表单id列表">文本内容</label> ##

2020-05-27 09:01:54 607

原创 Html中常用的标签

Html中常用的标签1.标题标签h1–h6 默认加粗，一级标题最大.<h1>标题</h1>2.段落标签P <p>君不见黄河之水天上来</p> <p>君不见黄河之水天上来</p> <p>君不见黄河之水天上来</p>自动换行，且上下之间有空格3.换行标签，强制换行<br/>4.水平线标签<hr/>5.字体样式标签b加粗标签内的文本<

2020-05-26 14:18:31 234

原创超链接标签a

超链接标签a1.常用属性：<a href="" target=""></a>href：指向连接的地址target：页面打开的位置，默认是本窗口，_self,在新的标签页打开，_blank2.超链接种类空链接 #<a href="#"></a>链接到本地文件位置<a href="本地文件位置" ></a>链接到外部链接（如：百度）<a href="https://www.baidu.com/"

2020-05-25 14:06:20 378

原创 Urllib网页获取

Urllib 网页获取1.导包import urllib.request as ur2.网页获取# ret返回对象为httpresponse对象ret = ur.urlopen('https://")# ret返回对象为二进制文件ret = ur.urlopen('https://").read()3.写入本地with open ('Test.html','wb') as f:f.write(ret)...

2020-05-22 14:57:06 195

原创 X-Path/lxml用法简介

X-Path介绍X-Path 与正则表达式都是对网页数据的提取，正则表达式功能强大，但相对复杂，X-Path语法相对简单，可以通过谷歌插件安装x-path1.X-Path谷歌插件下载地址链接：https://pan.baidu.com/s/1sAYwo12CRN3x06d1HuKrfw提取码：pgxk2.X-Path...

2020-05-22 14:48:16 689

原创 ul及ol标签list-style-type介绍

ul及ol标签list-style-type介绍1.ul/ol标签样式介绍a.不设置ul中标签类型（默认）：不设置ol中标签类型（默认）：b.设置方法代码：在html中设置或者在CSS样式中设置 <style> #kl{ list-style-type: none; } </style> </head> <body> <div> <ul id='kl'> <l

2020-05-22 09:31:59 3079

原创 SQL中的分类与排序

SQL中的分类与排序1.查询数据语法select 字段名 from 表名；2.group by查询Select 字段名/列名 from表名 group by 列名；3.条件查询where:Select 字段名/列名 from表名 where 条件1 and 条件2；having:Select 字段名/列名 from表名 group by 列名 having 条件1 and 条件2；区别：where是对from后面指定的表进行筛选，属于对原始数据的筛选having是对

2020-05-20 15:59:50 2131

原创 SQL聚合函数

SQL中的聚合函数1.定义对一组数据进行计算，并返回计算后的值，主要用途：统计2.聚合函数a.求和 sum()语法：select sum (列名) from 表名 where 条件b.平均值 avg()语法：select avg (列名) from 表名 where 条件c.个数统计 count()语法：select count( ) from 表名 --包括空值select count(*) from 表名 --不包括空值d.最大值/最小值 max()/min

2020-05-20 15:35:53 1425

原创 SQL模糊查询

SQL模糊查询1.模糊查询：提供信息不明确，或者在某一范围内去查找数据like 模糊匹配between 范围查询in 范围内筛选2.通配符一类字符，代表一个或多个字符_ 代表一个字符% 代表n个字符[] 表示括号内所列字符中的一个Select * FROM user Where name LIKE '[张李王]三'; 将找出“张三”、“李三”、“王三”（而不是“张李王三”）；[^] 表示不在括号所列之内的单个字符Select * FROM user Where na

2020-05-20 14:40:05 595 1

原创 SQL数据库中的内置函数

数据库中的内置函数：分类字符串函数length 计算字符串的长度concat 合并字符串SELECT CONCAT(StudentName,Address) FROM 表名;left 从左测截取长度SELECT Left( str,len)trim 去左右空格SELECT TRIM(' ab b ')replace 替代REPLACE(String,from_str,to_str) 即：将String中所有出现的from_str替换为to_strsubstr

2020-05-20 10:33:03 1573

原创 re模块使用

re模块使用正则表达式需要用到re模块1.提取import re语法：ret = re.findall(正则表达式，被提取的字符串）返回的类型是列表2.匹配语法：ret=re.match(正则表达式，被匹配的字符串）注：如果匹配成功，返回<class 're.match‘对象’>如果匹配不成功，返回None3.替换语法：ret=re.sub(正则表达式，替换成的字符串，被匹配的字符串）在提取html提取正则表达式时，因为html中存在换行符\n，因此现将换

2020-05-19 15:09:59 236

原创正则表达式

正则表达式

2020-05-19 14:36:57 156 1

原创 SQL语句

SQL语句的增删改查1.为什么使用sql应用数据与服务器进行数据交互，必须使用sql对数据库进行操作方便数据库的备份2.Sql分类组成DML 数据操纵语言—增删改DCL 数据控制语言—权限的分配DQL 数据查询语言—对数据库中数据进行查询（检索）DDL 数据定义语言—创建表，创建数据库对象3.SQL语法注释##注释内容增加数据insert into 表名（列名1，列名2...） values(列1的值，列2的值...）...

2020-05-19 14:24:59 178

原创 MySQL数据库介绍

数据库 DataBase1.作用：用于存放数据2.结构：数据库中最基本的单位是表结构，数据是存放在表中3.表创建数据类型Datatype：数值： int整形 /smallint 短整形4位 /longint 长整型 /float 单精度 /double双精度字符类型：char 固定长度字符 /varchar 不固定字符类型 /text 长字符串日期：datatime -年月日时分秒 / data-年月日 /time-时分秒len 长度:一个中文字符占用空间是一个英文的两倍，len

2020-05-18 16:48:56 341

原创 MySQL数据库及SQLyog_Enterprise下载与安装

1.MySQL下载地址本软件为集成软件链接：https://pan.baidu.com/s/1jO5O5KjiGzATJ4E4uazfHg提取码：6exn复制这段内容后打开百度网盘手机App，操作更方便哦按照自己需求选择，默认全选，为简单化处理，只选择MySQL Database设置自己的登录密码2.查看是否安装成功右键我的电脑，选择管理，找到服务如果可以看到mysql表明已安装成功3.利用SQLyog_Enterprise连接数据库如果第一次安装，会出现要求注册，打开SQLyog_

2020-05-18 09:50:05 1172

原创浮动

浮动1.浮动的定义元素的浮动是指设定浮动之后会相对于自身之前的位置其基本语法格式如下：选择器{float:属性值;}属性值描述left 元素向左浮动right 元素向右浮动none 元素不浮动（默认值）2.浮动的特性脱离标准流，不占位置，浮动只有左右浮动一般只要一浮动就创建一个包含块级的概念，一般要在外边添加一个父盒子，然后对齐，但是不会超过其内边距如果上一个元素浮动则会与其在顶部对齐，如果上一个元素是标准流则上下排列目的：为了让多个块级元素可以在一行显示3.清除浮动由

2020-05-15 09:02:35 583

原创 Html中样式介绍

1.字体样式：大小 font-size:20px;粗细 font-weight；bold;字体 font-family:“楷书”;风格斜体 font-style:italic;2.文本样式：首行缩进：text-indent:20px;文本针对当前容器居中text-align: center;设置行高line-height:26px;设置装饰下划线text-decoration: underline;3.a标签的伪类样式鼠标单击签a:link{

2020-05-14 15:04:22 2241

原创盒子模型

盒子模型1.概念盒子模型主要用于html中的封装，主要包括：边距，边框，填充，和实际内容。2.布局介绍不同部分的说明：Margin(外边距) - 清除边框外的区域，外边距是透明的。 margin:0px auto;盒子针对容器居中Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像。实例：div { width: 300px; border: 2

2020-05-14 14:32:06 376

原创 Html主体介绍

1.Html概念HTML-超文本的标记语言，可以构建网页的骨架。CSS-层叠样式表，修饰页面元素，让网页变得多姿多彩。JavaScript-脚本语言，可以在网页中实现动态效果。2.开发工具的使用Hbuilder-免费，解压版。下载链接链接：https://pan.baidu.com/s/15drh6_9NdKuLuvjbqDym_A提取码：sraj2.Html编码规范html标签要有开始和结束标签<h1> </h1>添加注释快捷键 Ctrl+/

2020-05-14 09:28:49 632

原创 CSS层叠样式表

CSS 层叠样式表功能：修饰页面css基本语法结构：选择器{ 声明1：声明2：}例：h1{font-size:30px;color:red;}Html中写入位置：(先写入style标签后，在style标签内写入）<head> <style> </style></head>选择器分类：1.标签选择器根据标签进行选择2.类选择器格式：.+类名根据类进行选取，标签内需要设定class，在style中可以设定cs

2020-05-13 17:28:10 304

原创 Form表单

Form表单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Form表单</title></head><body><form method="post" action="">表单代码</form></body></html> <for

2020-05-13 11:10:10 711

原创 Table简介

Table简介Web开发原始界面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Table</title></head><body><table></table></body></html>标签中table–代表表格tr --代表一

2020-05-13 09:22:13 680

GuessHat的博客