前端样式基础
关注
分享
扫一扫
$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 · 2728 阅读 · 0 评论 -
div中的button如何垂直居中
除了margin-top目前没有找到任何合适的方式，若有大佬路过，请指教！原创 2020-09-25 10:49:25 · 1280 阅读 · 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 · 162 阅读 · 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 · 371 阅读 · 0 评论 -
z-index图层
z-index为-1时，为最底层，默认值是0原创 2020-09-09 18:02:06 · 272 阅读 · 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 · 180 阅读 · 0 评论 -
CSS calc() 函数计算标签长度
今天来讲一个灵活控制标签长度的方法calc()。 calc()语法规则： calc(expression)，expression是一个数学表达式。 举个栗子： 首先，显示一个宽度只有50%的div 1，- width: calc(100% - 100px); 宽度100%的基础上，两边各削减50px 2，+ width: calc(100% + 100px); 宽度100%的基础上，两边各加宽50px 3，* width: calc(50% * 2); 宽度50%的基础上乘以2，即100%（高度有变化原创 2020-09-09 16:51:44 · 615 阅读 · 0 评论