自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

原创 Mac下Mysql+Brew+Wordpress+php一日游

完整使用Wordpress需要以下几个工具:Brew指令、Mysql数据库、数据库管理工具、Wordpress安装包、Wordpress模板Brew的指令是用来安装Mysql数据库具体步骤如下:1、终端输入以下代码安装Brew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/in...

2020-01-18 16:24:49 257

原创 关于网页布局多种实现方式的选择性

其实在前端的布局过程中经常会碰到同一个样式可以有很多种实现方法的。在初期的时候也非常纠结于跟着视频教程里面的来写,后来发现也不一定。但是在写了几个小的静态网页,经过自己总结之后得到以下几个小tip:1、尽量简洁网页成分构造 例如有时候只需要一张图片,但是要对图片进行定位的时候很多人会选择在div当中添加dmg,代码如下: <div class="inde...

2020-01-16 21:49:30 326

原创 使用hover伪类选择器显示图片

Html代码:<div class="scan"> <div class="scanp"> <img src="images/qrcode.png" alt=""> <div class="t"></div> </div> <img src="images/scan.png" alt="">&...

2020-01-10 23:36:53 1371

原创 关于CSS小三角的实现,小三角边框的实现,IE6下CSS小三角非透明的情况

原理:1、盒子有高度情况下边框的样式代码:.inside{ width: 20px; height: 20px; border-width: 10px; border-style: solid; border-color: #f30 #00f #333 #ff0;}效果如下:2、盒子没有高度情况下边框的样式代码:.ins...

2020-01-10 23:29:05 235

原创 关于img标签的缩放问题

在限定img图像的时候要给width而不是height,在inline-block元素中,img给width则自动缩放,否则给height时img不是等比缩放,而是改变高度,即图片会变形。

2020-01-07 21:41:18 2567

原创 inline-block标签元素不可以使用margin: 0 auto;

margin: 0 auto;原意用于水平居中对齐,所以必须要得到自身的宽度才能定下自身在父级中居中的位置(此宽度必须为确切数值,默认为0),由于inline-block元素是块级元素,所以自己本身的宽度取决于内容本身的宽度,但是这个宽度并不是确切数值,所以代码在搜寻的时候不知道该给多少宽度,就选取了默认的0,导致居中失效。解决方法:情况简单(例如兄弟级别只有一个inline-blo...

2020-01-06 17:44:08 556

原创 CSS中含有特定文字的选择器

[class^="text"]{} 选中所有以text为开头类名的选择器[class*="text"]{} 选中所有含text为类名的选择器

2020-01-04 16:36:24 4119

原创 CSS序号选择器

不区分类型::first-child; 选中同级别中的第一个标签:last-child; 选中同级别中的最后一个标签:nth-last-child(n); 选中同级别中倒数第n个标签:nth-child(n); 选中同级别中的第n个标签:only-child; 选中同级别中唯一子元素标签区分类型::first-of-type; 选中同级别中同类型的第一个标签:last-o...

2020-01-04 15:37:31 1292

原创 子元素和父元素相邻的垂直外边距(margin),子元素的外边距(margin)会传递到父元素上

解决方法如下几种第一:在父元素下加入table元素<table></table>第二:给父级添加clearfix的类名,使用before伪类清楚浮动clearfix:before{ content: ''; display: table; clear: both;}...

2020-01-04 15:00:23 598

原创 CSS中解决高度塌陷(打开BFC)的问题

在div中使用float时,经常会碰到父级标签高度塌陷的问题,这个时候我们就需要打开父级标签的BFC模式来解决高度塌陷的问题。解决高度塌陷有以下三种方法:第一:在父级标签的CSS中加入以下代码overflow: hidden;第二:在父级标签中加入一个div标签,类名为clear,给标签设置以下CSSclear: both;第三:在父级标签中添加clearf...

2020-01-04 14:35:04 499

原创 关于带img图片标签涉及到的左右对齐问题

在做所有的对齐数据测量之前先要确保图片的源文件没有问题。主要包括在几个方面:一、图标本身是否规则二、图标格式是不是正方形三、图标在整个画布当中是否处于完全居中(即水平和垂直方向都能够达到居中)位置...

2020-01-02 03:02:18 1002

原创 关于a标签点击Focus状态下背景颜色区域不够的问题

想要点击a标签之后改变背景颜色的参数,但是发现背景颜色只改变了很小的一部分:原代码如下:header ul{ display: inline-block;}header li{ float: left; padding: 0 8px; line-height: 36px;}header a:focus{ background-color: #5090f5; col...

2020-01-02 02:33:04 646

原创 标题标签左边留白无法对齐的问题

在使用h3标签的过程中遇到了左边有留白文字无法对齐的问题查阅资料怀疑是h标签使用时,浏览器自动前后给予空行导致的宽度不够解决方案:将h3标签的属性display成inline-block,并且在html中使用</br>进行空行display: inline-block;也有可能是因为上面的标签高度超出导致(1px的差距)解决方法:在上部a标签当中选...

2019-12-30 15:53:13 749

原创 a标签留白间隙问题的解决

a标签display为行内标签之后,会遇到标签之间有留白或者有间隙的问题解决方法:1.在父标签之中使用font-size: 0;2.通过margin来做弥补margin-left: -5px;...

2019-12-30 15:14:46 732

原创 关于Img与Span标签基准线无法对齐的情况

出现以上情况Img标签下CSS添加Vertical-align: middle;

2019-12-29 18:03:43 1363 1

原创 已定盒子大小,使盒子不因padding和border而撑大盒子

box-sizing:border-box;

2019-12-29 15:59:24 578

原创 visibility和display隐藏的区别

Visibility中的hideen属性虽然会隐藏内容,但是空间位置仍然存在Display中的none属性不仅会隐藏内容,连空间位置都会隐藏掉

2019-12-29 15:30:42 269

原创 关于盒子浮动即box float的注意点

float是对下面的box有影响,对前面的box不影响div的原有block属性会被默认转换成inline-block,取决于内容的宽度

2018-08-20 22:05:43 1017 1

原创 box-shadow的连写

box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影;

2018-08-20 21:25:59 604

原创 关于CSS中background属性的连写格式

background: color url() repeat attachment position;                  颜色  地址 平铺效果 滚动 位置

2018-06-06 13:21:30 16041

原创 CSS中a标签的伪类元素的使用

a:link        链接未被点击时的状态a:visited      链接点击过后的状态a:hover      鼠标移动到链接上时的状态a:active       点击链接时的状态

2018-05-14 17:57:41 2744

原创 CSS中字体连写的格式

font:font-style font-weight font-size/font-weight font-family;

2018-05-12 22:44:44 5481

原创 关于CSS中样式应用的先后问题(多类选择器)

    正常情况下,使用多类选择器时类名选择器的内容不冲突,但是当内容产生冲突时就要考虑到应用的先后顺序。    第一:样式的应用遵循被替代原则,也就是说后出现的同类属性会替代已有属性,例如:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&g

2018-05-12 14:16:03 1191

原创 关于select标签中默认选项的问题

默认select选项的方法是在指定的option标签中加入select属性,具体是: <option selected="selected">默认</option>

2018-05-11 15:16:58 3106 2

原创 关于label标签的使用

    一般在页面注册的用户名标签或者密码标签时,为了增进用户体验,会使单击“用户名”或者“密码”的时候将光标也focus到输入框,这是通过label标签来实现的,原理是将其囊括到同一个标签下,具体使用方法如下:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;t

2018-05-11 15:01:28 1693

原创 关于html中锚点功能的使用

    在较长的网页中,通过鼠标滚轮的滑动来达到指定目的地的方式有时候效率低下,这个时候为了更加高效的页面滑动,经常会使用锚点功能,锚点功能的原理其实很简单:通过在指定位置标记位置信息,再通过指令到达指定地点。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;ti

2018-05-11 14:27:05 1449

原创 php表单中undifined index:submit以及类似问题

之前用的mac进行学习,首次转windows环境下学习php使用了wampserver。大部分情况下还是比较方便的,但是在尝试字符串的增删改时出现了问题。源代码如下:<?php if($_POST['submit']){ if(strlen($_POST['id']) == 18){ echo"提交成功"; }else{ echo"alert('用户名

2017-12-27 20:24:54 329

原创 关于网站标签页的logo设置

代码如上,加入在head当中,但是前提是有一个ico的图标文件。使用如下网站即可,有的网站生成的ico文件不是透明的,这个是透明的。http://www.atool.org/ico.php

2017-12-23 00:17:08 5919 1

原创 关于在Form表单中出现多个Button但是Button失效的问题

代码如下:                注册    登陆                    注册    登陆    在这两种情况下,点击登录button是不会有反应的,正确代码应该如下:                注册    登陆

2017-12-17 14:22:06 2514

原创 关于html中使用table表格tr不换行的问题

在写注册界面的时候尝试用table表格来写用户注册信息但是在写的时候发现tr没有换行一开始以为是因为tr属性的原因,所以尝试了display:block;结果当然不可行原因其实很简单因为在tr中没有加入td标签的时候,浏览器辨别你的其实都是tr标签简单的说,它认为你是在同一个tr里面,理所当然在同一行解决方案也很简单只要在每个tr里面用上td标签就可以即:

2017-12-03 15:19:20 13657 11

原创 关于input属性的居中问题

在学习了一些简单的前端基本知识之后开始手动尝试用源码结合php写一个简单的登陆界面,打算稍微美化一下在使用input标签的时候碰到问题发现不知道怎么居中,尝试margin无效于是想了一个本办法:        在input标签的外面又套了一个div,尝试给这个div命名并且给上宽度再使用margin水平居中,但是最后的结果是input标签的居中属性并没有对等        也就是说

2017-11-30 16:44:12 20400 2

原创 关于导航在浏览器中的定位以及div居中问题

第一次写html写了一个header的导航,一开始按照顺序写下了div布局,随着到后面了解的标签以及样式越来越多,考虑着将导航定位下来采用的方法是在css中在对应的类选择器中加入"position:fixed;",但是fixed下来以后会带来四个问题。div构造         第一、由于我是在原代码上面修改的,我加入到了container里面,而container

2017-11-17 13:16:45 433

原创 PHP中的button的使用

在button的使用当中,就算设置了name也没有办法注入$POST或者$GET,一定要定义为submit才可以,具体代码如下:注册

2017-11-15 21:04:41 17636

原创 在增删改查中曾经用到过的页面跳转

1.表单的action动作例子:action = "xxxx.php"2.PHP的header函数例子:header("location:xxxx.php")3.通过javascriptlocation.href = \"xxxx.php\"

2017-11-15 21:03:56 490

原创 PHP增删改查完成感想

首先要先定方向。增删改查四个模块,要分成四个来做。要注意action动作之后表单数据的提交问题。最好不同模块写在不同的php文件里面,方便处理。在增删改之后,最好跳转到新的页面,防止刷新的时候表单数据重复提交。连接mysql要注意数据类型。先连接,再选择数据库,再选择表单。表单数据要转换成数组才能操作。在调用数据也就是执行查看的时候要用while才能循环调用出所有文件。

2017-11-15 21:02:33 1189

原创 关于在PHP增删改查里面遇到的insert无法执行的问题

在排除了一段时间的语法错误之后,发现语法上并没有明显错误,而且,把sql语句放到mysql里面直接运行没有问题。但是我在提交成功之后能在$_GET里面var_dump值,但是就是无法insert。于是我把重心放到了代码顺序上面,尝试把insert的那一段php代码放到了submit_action.php里面,发现终于成功执行。经过一段时间的询问,发现并不是代码执行顺序的问题,在一个PH

2017-11-15 21:00:32 1243

原创 关于PHP增删改查里面遇到的Mysql数组调用值为null的问题

在增删该查里面遇到如题问题原始Mysql的链接代码,封装成link_mysql函数,代码如下:function link_mysql(){$user = "root";$password = "";$host = "127.0.0.1";$link = mysql_connect($host,$user,$password);if(!$link){die('coul

2017-11-15 15:57:25 706

原创 在PHP增删改查里面遇到的SUBMIT表单之后的文件跳转问题

在使用HTML表单的时候遇到了“submit”行为之后不知道怎么解决文件跳转的问题。经过一段时间的百度,有说用if语句的,有说用js语句。    https://zhidao.baidu.com/question/582548050112170485.html?>但是实践之后没有解决实际上的跳转问题,可能是只能跳转url网页不能直接跳转到projects里面的PHP文件。于

2017-11-14 13:03:56 855

原创 初入PHP-PHP的入门自学

初入PHP-PHP的入门自学    本身断断续续看了一段时间PHP的语法,之后又从各方面了解到,PHPer多多少少需要了解一些前端必须了解的知识点,于是斗胆向着这方面去了。因为之前自学过很多东西,编曲混音之类的,所以很清楚一个好的入门视频是可以让学习者少走很多弯路的。于是我在千寻万找中,看到了知乎上面summer的回答,他推荐的流程是慕课网上面的html+css到php入门到php精通到项

2017-11-13 14:36:59 420

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除