前端样式基础
$scope.靠谱青年
一个靠谱青年。
展开
-
bootstrap之data-dismiss作用 / html控制窗口关闭
data-dismiss是bootstrap自定义的属性,给一个元素bootstrap属性,可以通过点击该元素关闭指定目标。举个栗子:<div class="modal " id="markedwordsthree" tabindex="-1" role="basic" aria-hidden="true"> <button type="button" data-dismiss="modal">确认</button>原创 2020-10-30 09:44:03 · 2440 阅读 · 0 评论 -
div中的button如何垂直居中
除了margin-top目前没有找到任何合适的方式,若有大佬路过,请指教!原创 2020-09-25 10:49:25 · 1175 阅读 · 0 评论 -
图表
1,bootstrap的图表库网址:http://w3c.3306.biz/bootstrap/eg/bootstrap–glyphicons-list.html用法:<p>下载图标:<span class="glyphicon glyphicon-download"></span></p> 结果:2,Font Icons 的图标库网址:http://metronic.kp7.cn/templates/admin/ui_icons.htm原创 2020-09-24 18:24:58 · 94 阅读 · 0 评论 -
视口单位vh,vw
关于屏幕的等比划分,处理百分比,还有视口。先说一下什么叫视口:在桌面端,视口单位指的是桌面端,指浏览器的可是范围。1,vh:1vh指视口高度的1%2,vw:1vw指视口宽度的1%3,vmin:选取vh和vm中较小的一个4,vmax:选取vh和vm中较大的一个注意:1,视口总共有100个单位,超过100个,按100计算。2,字体大小也可以用视口单位font-size: 5vw;...原创 2020-09-09 20:42:52 · 248 阅读 · 0 评论 -
z-index图层
z-index为-1时,为最底层,默认值是0原创 2020-09-09 18:02:06 · 183 阅读 · 0 评论 -
关于居中对其的一些理解
网上搜索div样式对齐,无非就是margin:0 auto但是实际应用起来却总不如人意。总结经验如下(不全面,后续再做补充)1,与position冲突一个样式中既有position 又有margin:0 auto,居中等于白写。举个例子(反例):<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <st原创 2020-09-09 17:02:12 · 119 阅读 · 0 评论 -
CSS calc() 函数计算标签长度
今天来讲一个灵活控制标签长度的方法calc()。calc()语法规则:calc(expression),expression是一个数学表达式。举个栗子:首先,显示一个宽度只有50%的div1,-width: calc(100% - 100px); 宽度100%的基础上,两边各削减50px2,+width: calc(100% + 100px); 宽度100%的基础上,两边各加宽50px3,*width: calc(50% * 2); 宽度50%的基础上乘以2,即100%(高度有变化原创 2020-09-09 16:51:44 · 461 阅读 · 0 评论