web
Go· again
这个作者很懒,什么都没留下…
展开
-
阿里云搭建个人博客---使用WordPress
搭建个人博客—使用WordPress配置环境:加入安全组,开放网站访问端口:另外开放8888端口,便于未来安装宝塔面板安装宝塔面板网址:http://www.bt.cn/宝塔面板安装教程:https://www.bt.cn/bbs/thread-19376-1-1.html快捷:yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh &&a原创 2020-05-15 14:30:46 · 338 阅读 · 0 评论 -
web---使用js将数据塞入页面
使用MyQR生成二维码安装所需要的包,使用国内的源pip install -i https://pypi.tuna.tsinghua.edu.cn/simple/ myqr实现代码:from MyQR import myqr # 注意区分大小写myqr.run(words='simple code') # 生成二维码py文件同目录下会生成图片qrcode.png,该图片就...原创 2020-04-11 21:51:46 · 298 阅读 · 0 评论 -
web---js切换例子-----ifelse语句
代码:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-C...原创 2020-04-13 16:23:04 · 182 阅读 · 0 评论 -
web ---js语法的Switch语句
switch语句相比较于if else语句性能更高<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...原创 2020-04-12 13:46:51 · 649 阅读 · 0 评论 -
web----if条件语句练习代码
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...原创 2020-04-12 13:28:08 · 790 阅读 · 0 评论 -
web --- js加法练习代码
/* parseInt()转化数字 */<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...原创 2020-04-12 12:20:50 · 603 阅读 · 0 评论 -
web---js函数传参实例代码
1<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compa...原创 2020-04-11 21:32:18 · 194 阅读 · 0 评论 -
web---js实现网页换肤
通过js操作html代码块实现换肤效果skin-01css样式代码body{ background-color: #00FFFF;}input{ width: 200px; height: 50px; background-color: gold; color: red; }skin-02css样式代码body{ background-color: palegre...原创 2020-04-11 20:37:38 · 1199 阅读 · 0 评论 -
web ----- j提取行间事件
1.将js代码全部写在js代码片中,不会在HTML代码行间写入,如果采用js外链式,会很方便<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...原创 2020-04-11 19:17:57 · 142 阅读 · 0 评论 -
web----js定义函数和调用函数
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...原创 2020-04-11 18:51:33 · 530 阅读 · 0 评论 -
JS---操作元素属性
获取页面的元素属性,就可以对页面的属性进行操作,属性的操作包括属性的读和写操作属性的方法1."."操作<!DOCTYPE html><html> <head> <meta id="we" charset="utf-8"> <title></title> <style type="text/css"&...原创 2020-03-14 20:24:11 · 97 阅读 · 0 评论 -
CSS---雪碧图使用技巧
写给自己类的权重要高于标签的权重<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...原创 2020-03-12 17:04:18 · 212 阅读 · 0 评论 -
CSS---Background属性
写给自己代码中的图片链接,在再次使用时,要记得修改<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...原创 2020-03-12 16:11:55 · 118 阅读 · 0 评论 -
CSS---定位实例练习---相对于浏览器窗口水平垂直居中的弹框
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2020-03-10 21:17:22 · 358 阅读 · 0 评论 -
CSS---定位实例练习---固定在顶部的悬浮菜单
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2020-03-10 20:51:46 · 524 阅读 · 0 评论 -
CSS---定位练习经典案例
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2020-03-10 19:47:25 · 521 阅读 · 0 评论 -
CSS---定位
定位三种方式相对定位 ----------> 相对于自身进行定位position: relative;left: 50px;top: 50px;<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" co...原创 2020-03-10 19:14:02 · 94 阅读 · 0 评论 -
CSS---浮动练习---新闻标题
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2020-03-09 19:00:12 · 295 阅读 · 0 评论 -
CSS---浮动练习——文字绕图效果
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2020-03-09 18:13:42 · 420 阅读 · 0 评论 -
CSS---清除浮动的方法
写给自己:包含三种方法,在代码注释中<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2020-03-09 17:54:02 · 87 阅读 · 0 评论 -
CSS-浮动布局配合ul+li制作菜单
写给自己:这里有很多的知识点<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2020-03-09 13:29:42 · 715 阅读 · 0 评论 -
CSS---内联块练习---导航菜单
写给自己:pink可太好看了<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2020-03-08 20:34:59 · 133 阅读 · 0 评论 -
CSS---块元素,内联元素,内联块元素理解
写给自己:在代码中学习块元素块元素也可以称之为行元素常用标签:div p ul li h1-h6 dl dt dd1.支持全部样式2.如果没有设置元素,默认的宽度为父级宽度的100%3.盒子占据一行,即使设置了宽度(块元素特点)<!DOCTYPE html><html lang="zh"><head> <meta charset="U...原创 2020-03-08 19:36:57 · 180 阅读 · 0 评论 -
CSS---元素溢出
写给自己:当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置方法是通过overflow属性来设置.元素溢出现象<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width...原创 2020-03-07 19:17:33 · 297 阅读 · 0 评论 -
CSS---margin-top塌陷理解
写给自己margin-top塌陷解决办法:1外部盒子设置一个边框2.外面的盒子设置overflow:hidden;3.外面的使用伪元素clearfix,国际通用理解问题在哪里:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="v...原创 2020-03-07 18:47:13 · 156 阅读 · 0 评论 -
CSS--外边距合并
写给自己本文讲的是一个不能称之为bug的一个小bug<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...原创 2020-03-07 18:01:04 · 132 阅读 · 0 评论 -
CSS---Margin的使用技巧理解练习
实现下面的小方块本文的重点在:实现每个长条方块的下边距为1px<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2020-03-07 17:29:35 · 213 阅读 · 0 评论 -
CSS---margin使用小技巧
写给自己:1.使用auto设置元素的水平居中2.margin负值3.body是经常设置的样式:margin:0px;<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...原创 2020-03-07 17:14:20 · 142 阅读 · 0 评论 -
CSS---练习之新闻标题(包含小技巧)
写给自己:css使用要灵活<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2020-03-06 19:26:41 · 269 阅读 · 0 评论 -
CSS---盒子模型练习之三个盒子
写给自己:配合代码,看看这三个盒子是怎么形成的这里面用到了 —> 组选择器<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2020-03-06 18:26:01 · 1114 阅读 · 0 评论 -
CSS--盒子模型小练习示例代码
完成下面的盒子示例代码如下:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2020-03-06 17:59:01 · 2225 阅读 · 0 评论 -
CSS---盒子模型笔记
写给自己:笔记在代码注释中,把上面的图案记下来,才能学好盒子模型。<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2020-03-06 17:35:38 · 172 阅读 · 0 评论 -
CSS---伪类和伪元素练习示例代码
写给自己:想知道怎么回事,把代码放到编译工具中,仔细观察注释位置,并且运行<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...原创 2020-03-05 20:02:20 · 182 阅读 · 0 评论 -
CSS---组选择器练习示例代码
组选择器.box01 + tab 快捷键<div class="box01"> </div>将公共的样式提取出来放到一组里面,不一样的样式另外定义<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name=...原创 2020-03-05 19:39:55 · 241 阅读 · 0 评论 -
CSS---层级选择器练习示例代码
层级选择器一般不要超过四级,否则会出现性能问题。<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2020-03-05 19:20:24 · 303 阅读 · 0 评论 -
CSS---类选择器练习示例代码
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...原创 2020-03-05 18:52:34 · 378 阅读 · 0 评论 -
CSS---id选择器练习示例代码
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...原创 2020-03-05 16:10:17 · 391 阅读 · 0 评论 -
css---常用文本样式练习示例代码
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...原创 2020-03-04 19:48:10 · 529 阅读 · 0 评论 -
html---个人简历
html-----个人简历示例代码本文中图片链接可自行更改<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...原创 2020-03-04 17:33:17 · 144 阅读 · 0 评论 -
html---知识点
html基本知识点学习方式:从上向下逐行阅读html是hyper text mark-up language首字母的缩写注释方法:ctrl+shift+/···HTML5文档···! + tab #智能显示<!DOCTYPE...原创 2020-03-04 17:25:25 · 119 阅读 · 0 评论