html css
小小米粒吖
这个作者很懒,什么都没留下…
展开
-
html 垂直水平居中的两种方法
<!DOCTYPE html><html><head> <title>123</title></head><body> <div class="dv1" style="width:200px;height:300px;border:1px solid #ccc;"> <p>我们们们们们们们们们们们们们们们们们们们们们</p> </div> <.原创 2021-03-04 20:00:41 · 414 阅读 · 2 评论 -
css 父元素塌陷问题
首先有一个父盒子 里面有一个子盒子 (效果1如下),然后给父盒子一个margin-top 50px,然后让父盒子与子盒子之间添加间隙就给子盒子margin-top 60px;发现有问题了(效果2) 解决方案:① 可以为父元素定义边框 (如果不想要边框可以把颜色设置成 transparent--透明)------把子盒子与父盒子隔开② 可以为父元素定义内边距 (给父元素设置padding)------把子盒子与父盒子隔开③ 可以为父元素添加overflow:hidden...原创 2020-11-20 17:32:40 · 616 阅读 · 0 评论 -
html 水平居中和垂直居中
水平居中:text-align: center;垂直居中:将height与line-height设置成相同的值 例: height: 50px; line-height: 50px;...原创 2019-01-19 23:51:41 · 151 阅读 · 0 评论 -
前端浏览器字体小于12px
PC: transform: scale(.8)移动端:ransform: scale(.8)原创 2020-11-19 15:03:02 · 185 阅读 · 0 评论 -
:hover 添加边框 抖动问题
原因:设置border时设置了N px边框,多出的这 2N px,与其它元素产生了挤压, 导致div偏移解决:1.提前设置透明的 1px 的边框li {border:1px solid transparent}2.可以 提前设置 padding(多加border值)提前占位...原创 2020-10-22 10:49:52 · 1072 阅读 · 0 评论 -
element 修改dialog的背景颜色
实现需求:工作中有个需求dialog上只显示一个echart图,没有头,没有脚。后来进行修改样式,发下在scoped里面进行修改,没有一点鸟用~~后来查资料发现这个样式不能写在scoped里面,但是直接在<style>里面写就就会影响其他dialog的样式解决:.dialog-wrapper{ /deep/ .el-dialog__wrapper { .el-dialog { .el-dialog__body{ ba.原创 2020-07-05 13:43:28 · 10105 阅读 · 1 评论 -
html 可爱鼠标
实现:点击图片实现 鼠标改变实现思想:首先创建n+1个图片标签,+1是一个没有地址的img标签,为了后期动态添加图片地址的。选择点击哪个图片,就获取到哪个的src地址,动态赋给空的img,再根据 e.clientX和 e.clientY获取鼠标的位置,再为空img设置会位置,实现代码如下: <!DOCTYPE html> <html> ...原创 2020-04-21 10:07:20 · 516 阅读 · 0 评论 -
bootstrap 时间插件
页面显示实现:引入bootstrap必要的文件:<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.4...原创 2020-04-21 09:46:29 · 372 阅读 · 0 评论 -
js 简单的鼠标指针小图标
描述 点击哪个图片,哪个图片就变成鼠标小图标,具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=...原创 2020-03-26 21:08:58 · 989 阅读 · 0 评论 -
圣杯布局和双飞翼布局
1.两边宽度固定,中间宽度自适应圣杯布局:具体实现: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>圣杯布局</title> <style type='text/css'> body { ...原创 2020-03-11 23:15:04 · 97 阅读 · 0 评论 -
button 重复触发解决方法
方法设置 disabled 属性 当点击一次后就将disabled的属性设置为 true ,否则为false原创 2020-03-03 13:00:52 · 1118 阅读 · 1 评论 -
html 默认添加“ ”(空格)
今天打算做个简单的布局,但是遇到这种情况:审查元素时,默认添加了两个 “ ”,如图所示:而且title便签也在body中显示,当然在布局显示页面添加可一行后来我查了资料,有人说是编码问题 :很多人都说是由于文件的编码方式为utf-8 +BOM格式造成的,于是将文件用notepad++新建一个文件再以utf8 无BOM格式编码保存,将保存的文件覆盖以前的文件...原创 2020-02-16 15:52:38 · 807 阅读 · 0 评论 -
利用CSS伪类 改变其他元素
1.改变本身E:hover{--# #----}2.改变子元素 >E:hover > E(子元素){ --# #-- }(子元素的样式变化)3.改变同级元素变化 +E:hover + E(同级元素){ --# #--} (同级元素样式变化)...原创 2019-10-03 15:55:07 · 904 阅读 · 0 评论 -
H5 学习整理
语义标签 nav 导航 header头部 footer底部 main主体 article文章 aside主体内容之外 注意:行级元素在设置宽高是无效的;在ie9里面把所有的语义标签解析为行级元素,如果想装换为行级元素设置 display: block,ie8完全不支持语义标签,不支持H5,解决方法: ①手动创建标签,默认创建为行级元素...原创 2019-09-29 20:55:17 · 234 阅读 · 0 评论 -
font: 0.5rem/1 tahoma, arial, 'Microsoft YaHei', simsun;
解释:0.5rem 字体大小1 行高四种字体: tahoma 大河马字体 arial 是一套随同多套微软应用软件所分发的无衬线体TrueType字型 'Microsoft YaHei' 微软雅黑 simsun 宋体...原创 2019-05-04 17:19:01 · 1863 阅读 · 0 评论 -
H5 地图定位
具体步骤如下:引入<link rel="stylesheet" href="css/main1119.css" /> <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&key=ad26780bfaabf0ca27ae6078e2e81682"></sc...原创 2019-05-06 09:14:45 · 2331 阅读 · 0 评论 -
html css 做柱形图
上代码:<!DOCTYPE><html> <head> <style> body { padding: 0; margin: 0; background-color: #fff; } .contanir{ height: 300px; width: 400px; pos...原创 2019-05-06 16:51:51 · 5620 阅读 · 0 评论 -
js 页面跳转
整理学习中经常用到的页面跳转的方法输入成功跳转:<script type="text/javascript"> window.location.href="你所要跳转的页面"; window.open('你所要跳转的页面');</script>页面返回: <script> window.history.back...原创 2019-05-17 16:35:56 · 179 阅读 · 0 评论 -
html 验证码验证
<!DOCTYPE HTML><html> <head> <title>注册模块</title> <meta charset="utf-8"> <style> #vcode { height: 35px; width: 40%; font-size: ...原创 2019-06-01 19:12:20 · 13981 阅读 · 2 评论 -
html 密码强度设置
html: <input type="password" placeholder="请输入密码" class="txt" maxlength='16' minlength='8' id="mytext" onblur="pwFuHao()" /> <br><div class="box"> <div class="b...原创 2019-06-01 19:18:51 · 3537 阅读 · 0 评论 -
js 点击新增按钮 添加文本框和删除按钮
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> var count = 0; function addByScript() { var tab...原创 2019-06-05 08:38:03 · 5275 阅读 · 0 评论 -
bootstrap 模态框遮盖页面按钮问题
问题显示如下:就是模态框将页面的按钮遮盖住了页面按钮无法点击,摁,,,听说这是模态框的一个bug 解决方法很简单就是在模态框上添加display:none 就可以啦,,这个问题已经遇到过好多次了,所以必须记录下来、、...原创 2019-08-13 12:49:13 · 451 阅读 · 0 评论 -
html 日期 年月 年月日 及默认样式
html 日期 年月 年月日 及默认样式&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&amp;lt;title&转载 2018-10-26 19:21:46 · 11702 阅读 · 0 评论