网页
hst_gogogo
这个作者很懒,什么都没留下…
展开
-
Windows 下xampp的安装使用以及本地静态页面的访问(HTML+CSS+JS)
1. 首先下载Windows版的 xampp,下载地址:https://www.apachefriends.org/zh_cn/download.html2. 将压缩包解压到电脑上任意磁盘的根目录下,双击打开控制面板,3.在Apache那一行点击Start,启动阿帕奇。启动后显示如下:可能有些电脑由于端口复用,会出现无法启动阿帕奇和MySQL的情况,后面我再补上解决方法。4...原创 2018-05-14 20:26:46 · 8917 阅读 · 2 评论 -
两个span标签(或i标签)之间有间隙的问题
有三个i标签,中间一个放文字,前后两个放的是iconfont效果图如下:会发现三个i标签渲染出来之后中间会有挺大的空隙:尝试设置边距为0无果:解决方法:方法一:(不推荐)去掉三个i标签前后的空格(换行也不行),让它们连着写的确有效果,但是这样代码太乱,看着难受;方法二:①将父元素font-size设置为0;②在子元素(i)那里设置字体;...原创 2019-07-12 00:31:14 · 8635 阅读 · 1 评论 -
解决hover显示边框时发生抖动的问题
当我们用 :hover 选择器的时候,如果要给鼠标滑过的元素加上边框或者加粗边框的时候,有可能会发生抖动现象(甚至有可能会挤走下面的元素),见下图:解决方法:方法一:提前加边框。给元素加上 n像素(想要hover的时候显示多少像素边框就加多少像素) 的和背景色一样的边框(或者干脆将border的透明度为0,eg: border:1px solid rgba(100,100,100,0)...原创 2019-06-04 20:20:11 · 9375 阅读 · 1 评论 -
清除浮动
当一个元素设了浮动时,它可能会影响到后面的盒子的布局。拿下面这个例子来说:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: ...原创 2019-06-08 22:50:41 · 261 阅读 · 0 评论 -
overflow:hidden解决溢出隐藏、清除浮动、margin塌陷等问题
overflow的取值分别有visible(默认值,多出来的内容会显示在元素框外,内容不会被裁剪)、hidden(内容被裁剪,多出来的内容不可见)、scroll(会出现滚动条,多出来的内容显示在元素框之内)、auto(如果内容超出元素范围,会自动显示滚动条,如果没有超出则不会显示。它与scroll的区别是:scroll不管内容有没有超出容器范围都会显示滚动条,而auto则超出了才会出现滚动条)和i...原创 2019-06-07 23:48:16 · 4187 阅读 · 0 评论 -
在云服务器上部署web项目(CVM)
在QQ空间中发现了腾讯云的域名1元/年的活动,之前只试过在Windows下用XAMPP部署静态页面以及在Centos中用LNMP部署静态页面,好奇在云主机上部署静态页面、web项目会有什么不同,便点进去注册了一个域名,接着弄了一个云服务器,然后开始部署,这是十月底做的,一直没有时间整理。首先是一个概念区分请猛戳--->云服务器和云虚拟主机的区别<---(一开始傻傻分不清QAQ。大概...原创 2019-03-14 21:44:01 · 8806 阅读 · 4 评论 -
Centos6.8 下宝塔的安装以及 Lnmp 静态 页面的部署
一、宝塔面板安装1.下载并安装宝塔面板:yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh 非 root 用户记得 yum 前面和 sh 前面都加上sudo, 我一开始只在最前面加了一个,结果报错:...原创 2018-05-16 22:06:55 · 11742 阅读 · 2 评论 -
js实现倒计时广告效果
页面上经常弹出一些广告,过了几秒之后才出现关闭广告按钮(或者关闭按钮才可点)或者剩余指定时间才给你跳过广告(其实从用户的角度看,这个效果挺烦人的哈哈哈),效果大概如下图:实现思路:1.布局2.倒计时,每间隔一段时间改变秒数,setInterVal3.改变秒数的内容(5,4,3,2,1)...4.时间减到零的时候,停止定时器,clearInterVal,显示关闭按钮X5...原创 2019-08-11 17:02:37 · 2287 阅读 · 0 评论