css常见问题
文章平均质量分 80
金刚大力士
写博客不是为了博眼球
展开
-
CSS中 display的相关属性
IE8支持很多新的CSS display属性值,包括与表格相关的属性值:table、table-row和table-cell,它也是最后一款支持这些属性值的主流浏览器。 网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。display:table=>相当于“table”标签; display:table-row=>相当于“tr”标签; disp...转载 2018-08-08 18:03:09 · 205 阅读 · 0 评论 -
个人笔记 之 样式小问题
要求 : 在任何分辨率下 点点图是个动画 一直在 圈圈图 的中间旋转 <div class="electricPhoto"> <div class="dotbox"> <img class="dotimg fly" src="static/images/dot.png"> ...原创 2019-03-25 17:36:08 · 187 阅读 · 2 评论 -
animation之 左侧出入的弹出框
HTML如下: <div class="toolbar"> 收起 </div> <div class="infolist"> <ul> <li> <label>操作系统:</label> ...原创 2019-02-28 10:27:57 · 700 阅读 · 0 评论 -
一个好看的消息提示框--前端
引入以下两个插件即可 <link rel="stylesheet" href="static/css/toastr.min.css"> <link rel="stylesheet" type="text/css" href="static/css//fonts/web-icons/web-icons.min.css"> 使用时原创 2019-01-22 11:24:47 · 7789 阅读 · 2 评论 -
bootstrap引入弹窗后却被阴影覆盖如何解决
只需要在css中添加 .modal-backdrop{z-index:0;} 即可 <div class="personalinfo" hidden> <ul class=""> <li data-toggle="modal" data-target="#exampleModal" data-whatever="@原创 2018-12-12 16:31:38 · 741 阅读 · 0 评论 -
通用的左侧菜单栏样式(侧边栏)
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><link href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet&qu原创 2018-11-06 15:32:13 · 13353 阅读 · 5 评论 -
前端-只选择年份的下拉框
HTML如下 <div class="divItem2"> <span>工作时间:</span> ...原创 2018-11-01 12:34:27 · 11561 阅读 · 1 评论 -
css解决 多张图片如何统一大小 且没拉伸问题
1. 测试案例需求: 要求表情库里所有表情包大小都固定 实际效果: 由于图片原始大小都不一样,强行设定大小值会导致拉伸,如果不设定大小则参差不齐。例如://html<body> <img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" />转载 2018-09-13 15:56:18 · 19888 阅读 · 4 评论 -
前端css基础总结
后台传回数字123 前端对应显示 红色高位 橙色中危 绿色低危 三个方块】可封装方法 多次调用 //等级 控制文字 function fnLevel(num){ var str = ''; if(num == '0'){ str = '低危'; }else if(num == '1'){ str...原创 2018-09-10 11:01:42 · 371 阅读 · 0 评论 -
C3(justify-content)弹性布局内容对齐属性
写博客不是为了博眼球 是为了记笔记.justify-content语法例如以下:justify-content: flex-start | flex-end | center | space-between | space-around參数说明例如以下:flex-start弹性项目向行头紧挨着填充。这个是默认值。第一个弹性项的main-start外边距边线被放置在该行的mai...原创 2019-08-15 14:11:58 · 373 阅读 · 0 评论