![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web慢
序列A
不想输给你 因为很喜欢
展开
-
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 · 246 阅读 · 0 评论 -
关于网页布局多种实现方式的选择性
其实在前端的布局过程中经常会碰到同一个样式可以有很多种实现方法的。在初期的时候也非常纠结于跟着视频教程里面的来写,后来发现也不一定。但是在写了几个小的静态网页,经过自己总结之后得到以下几个小tip:1、尽量简洁网页成分构造 例如有时候只需要一张图片,但是要对图片进行定位的时候很多人会选择在div当中添加dmg,代码如下: <div class="inde...原创 2020-01-16 21:49:30 · 316 阅读 · 0 评论 -
使用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 · 1359 阅读 · 0 评论 -
关于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 · 223 阅读 · 0 评论 -
关于img标签的缩放问题
在限定img图像的时候要给width而不是height,在inline-block元素中,img给width则自动缩放,否则给height时img不是等比缩放,而是改变高度,即图片会变形。原创 2020-01-07 21:41:18 · 2552 阅读 · 0 评论 -
inline-block标签元素不可以使用margin: 0 auto;
margin: 0 auto;原意用于水平居中对齐,所以必须要得到自身的宽度才能定下自身在父级中居中的位置(此宽度必须为确切数值,默认为0),由于inline-block元素是块级元素,所以自己本身的宽度取决于内容本身的宽度,但是这个宽度并不是确切数值,所以代码在搜寻的时候不知道该给多少宽度,就选取了默认的0,导致居中失效。解决方法:情况简单(例如兄弟级别只有一个inline-blo...原创 2020-01-06 17:44:08 · 547 阅读 · 0 评论 -
CSS中含有特定文字的选择器
[class^="text"]{} 选中所有以text为开头类名的选择器[class*="text"]{} 选中所有含text为类名的选择器原创 2020-01-04 16:36:24 · 4099 阅读 · 0 评论 -
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 · 1275 阅读 · 0 评论 -
子元素和父元素相邻的垂直外边距(margin),子元素的外边距(margin)会传递到父元素上
解决方法如下几种第一:在父元素下加入table元素<table></table>第二:给父级添加clearfix的类名,使用before伪类清楚浮动clearfix:before{ content: ''; display: table; clear: both;}...原创 2020-01-04 15:00:23 · 593 阅读 · 0 评论 -
CSS中解决高度塌陷(打开BFC)的问题
在div中使用float时,经常会碰到父级标签高度塌陷的问题,这个时候我们就需要打开父级标签的BFC模式来解决高度塌陷的问题。解决高度塌陷有以下三种方法:第一:在父级标签的CSS中加入以下代码overflow: hidden;第二:在父级标签中加入一个div标签,类名为clear,给标签设置以下CSSclear: both;第三:在父级标签中添加clearf...原创 2020-01-04 14:35:04 · 490 阅读 · 0 评论 -
关于带img图片标签涉及到的左右对齐问题
在做所有的对齐数据测量之前先要确保图片的源文件没有问题。主要包括在几个方面:一、图标本身是否规则二、图标格式是不是正方形三、图标在整个画布当中是否处于完全居中(即水平和垂直方向都能够达到居中)位置...原创 2020-01-02 03:02:18 · 981 阅读 · 0 评论 -
关于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 · 627 阅读 · 0 评论 -
标题标签左边留白无法对齐的问题
在使用h3标签的过程中遇到了左边有留白文字无法对齐的问题查阅资料怀疑是h标签使用时,浏览器自动前后给予空行导致的宽度不够解决方案:将h3标签的属性display成inline-block,并且在html中使用</br>进行空行display: inline-block;也有可能是因为上面的标签高度超出导致(1px的差距)解决方法:在上部a标签当中选...原创 2019-12-30 15:53:13 · 739 阅读 · 0 评论 -
a标签留白间隙问题的解决
a标签display为行内标签之后,会遇到标签之间有留白或者有间隙的问题解决方法:1.在父标签之中使用font-size: 0;2.通过margin来做弥补margin-left: -5px;...原创 2019-12-30 15:14:46 · 723 阅读 · 0 评论 -
关于Img与Span标签基准线无法对齐的情况
出现以上情况Img标签下CSS添加Vertical-align: middle;原创 2019-12-29 18:03:43 · 1348 阅读 · 1 评论 -
已定盒子大小,使盒子不因padding和border而撑大盒子
box-sizing:border-box;原创 2019-12-29 15:59:24 · 574 阅读 · 0 评论 -
visibility和display隐藏的区别
Visibility中的hideen属性虽然会隐藏内容,但是空间位置仍然存在Display中的none属性不仅会隐藏内容,连空间位置都会隐藏掉原创 2019-12-29 15:30:42 · 263 阅读 · 0 评论 -
关于网站标签页的logo设置
代码如上,加入在head当中,但是前提是有一个ico的图标文件。使用如下网站即可,有的网站生成的ico文件不是透明的,这个是透明的。http://www.atool.org/ico.php原创 2017-12-23 00:17:08 · 5907 阅读 · 1 评论 -
关于在Form表单中出现多个Button但是Button失效的问题
代码如下: 注册 登陆 注册 登陆 在这两种情况下,点击登录button是不会有反应的,正确代码应该如下: 注册 登陆原创 2017-12-17 14:22:06 · 2507 阅读 · 0 评论 -
关于html中使用table表格tr不换行的问题
在写注册界面的时候尝试用table表格来写用户注册信息但是在写的时候发现tr没有换行一开始以为是因为tr属性的原因,所以尝试了display:block;结果当然不可行原因其实很简单因为在tr中没有加入td标签的时候,浏览器辨别你的其实都是tr标签简单的说,它认为你是在同一个tr里面,理所当然在同一行解决方案也很简单只要在每个tr里面用上td标签就可以即:原创 2017-12-03 15:19:20 · 13519 阅读 · 11 评论 -
关于导航在浏览器中的定位以及div居中问题
第一次写html写了一个header的导航,一开始按照顺序写下了div布局,随着到后面了解的标签以及样式越来越多,考虑着将导航定位下来采用的方法是在css中在对应的类选择器中加入"position:fixed;",但是fixed下来以后会带来四个问题。div构造 第一、由于我是在原代码上面修改的,我加入到了container里面,而container原创 2017-11-17 13:16:45 · 428 阅读 · 0 评论 -
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 · 323 阅读 · 0 评论 -
关于html中锚点功能的使用
在较长的网页中,通过鼠标滚轮的滑动来达到指定目的地的方式有时候效率低下,这个时候为了更加高效的页面滑动,经常会使用锚点功能,锚点功能的原理其实很简单:通过在指定位置标记位置信息,再通过指令到达指定地点。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti原创 2018-05-11 14:27:05 · 1431 阅读 · 0 评论 -
关于label标签的使用
一般在页面注册的用户名标签或者密码标签时,为了增进用户体验,会使单击“用户名”或者“密码”的时候将光标也focus到输入框,这是通过label标签来实现的,原理是将其囊括到同一个标签下,具体使用方法如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t原创 2018-05-11 15:01:28 · 1656 阅读 · 0 评论 -
关于select标签中默认选项的问题
默认select选项的方法是在指定的option标签中加入select属性,具体是: <option selected="selected">默认</option>原创 2018-05-11 15:16:58 · 3094 阅读 · 2 评论 -
关于CSS中样式应用的先后问题(多类选择器)
正常情况下,使用多类选择器时类名选择器的内容不冲突,但是当内容产生冲突时就要考虑到应用的先后顺序。 第一:样式的应用遵循被替代原则,也就是说后出现的同类属性会替代已有属性,例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g原创 2018-05-12 14:16:03 · 1181 阅读 · 0 评论 -
CSS中字体连写的格式
font:font-style font-weight font-size/font-weight font-family;原创 2018-05-12 22:44:44 · 5471 阅读 · 0 评论 -
CSS中a标签的伪类元素的使用
a:link 链接未被点击时的状态a:visited 链接点击过后的状态a:hover 鼠标移动到链接上时的状态a:active 点击链接时的状态原创 2018-05-14 17:57:41 · 2737 阅读 · 0 评论 -
关于CSS中background属性的连写格式
background: color url() repeat attachment position; 颜色 地址 平铺效果 滚动 位置原创 2018-06-06 13:21:30 · 16021 阅读 · 0 评论 -
box-shadow的连写
box-shadow:水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影;原创 2018-08-20 21:25:59 · 597 阅读 · 0 评论 -
关于盒子浮动即box float的注意点
float是对下面的box有影响,对前面的box不影响div的原有block属性会被默认转换成inline-block,取决于内容的宽度原创 2018-08-20 22:05:43 · 1007 阅读 · 1 评论 -
关于input属性的居中问题
在学习了一些简单的前端基本知识之后开始手动尝试用源码结合php写一个简单的登陆界面,打算稍微美化一下在使用input标签的时候碰到问题发现不知道怎么居中,尝试margin无效于是想了一个本办法: 在input标签的外面又套了一个div,尝试给这个div命名并且给上宽度再使用margin水平居中,但是最后的结果是input标签的居中属性并没有对等 也就是说原创 2017-11-30 16:44:12 · 20379 阅读 · 2 评论