前端
www.xpshuai.cn
GISer,安全爱好者。
博客转战 http://www.xpshuai.cn
展开
-
CSS盒子模型
盒子模型css盒子模型所有的页面元素都可以看成一个盒子,并且占据着一定的页面空间盒子模型是由content(内容)、 padding(内边距)、 margin(外边距)、 border(边框)这四个属性组成的。border边框复合样式:border:边框大小 类型 颜色;border:5px solid #006633;border-width: 5px; ...原创 2018-08-19 11:02:22 · 136 阅读 · 0 评论 -
input的回车事件触发问题
今天准备在input上加一个回车事件,回车之后让后面的div的点击事件触发,但是在网上搜了好多东西,但是都大同小异的解决不了然后问了一下别人,最后解决了,但是原因我哦还没弄太清楚,希望路过的大佬可帮我解释一下下,嘿嘿问题问的代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <...原创 2019-03-05 18:00:53 · 8346 阅读 · 0 评论 -
Bootstrap学习笔记(九) 进度条
以下是三种进度条:&lt;div class="progress"&gt; &lt;div class="progress-bar progress-bar-success" style="width:50%"&gt;50%&lt;/div&gt;&lt;/div&原创 2018-08-21 11:36:05 · 518 阅读 · 0 评论 -
Bootstrap学习笔记(八) 导航栏&分页
导航Bootstrap 中的导航组件都依赖同一个 .nav 类,状态类也是共用的。改变修饰类可以改变样式 1.标签页 **注意 :**nav-tabs 类依赖 .nav 基类<ul class="nav nav-tabs"> <li class="active"><a href="#">python</a>&l原创 2018-08-19 21:22:16 · 250 阅读 · 0 评论 -
Bootstrap学习笔记(七) 输入框组
通过在文本输入框 前面、后面或是两边加上文字或按钮,可以实现对表单控件的扩展。为 .input-group 赋予 .input-group-addon 或 .input-group-btn 类,可以给 .form-control 的前面或后面添加额外的元素<div class="input-group"> <span class="input-group-add...原创 2018-08-19 21:08:24 · 635 阅读 · 0 评论 -
Bootstrap学习笔记(六) 按钮组
通过按钮组容器把一组按钮放在同一行里。通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为<div class="btn-group"> <button type="button" class="btn btn-default">Left</button> <button type="button" cl原创 2018-08-19 20:59:07 · 177 阅读 · 0 评论 -
Bootstrap学习笔记(五) 下拉菜单
用于显示链接列表的可切换、有上下文的菜单。下拉菜单的 JavaScript 插件让它具有了交互性将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码&lt;div class="dropdown"&gt; &lt;button class="btn btn-primary...原创 2018-08-19 20:46:52 · 155 阅读 · 0 评论 -
Bootstrap学习笔记(四) 字体图标
图标类不能和其它组件直接联合使用。它们不能在同一个元素上与其他类共同存在。应该创建一个嵌套的 <span> 标签,并将图标类应用到这个 <span> 标签上.图标类只能应用在不包含任何文本内容或子元素的元素上。<span class="glyphicon glyphicon-align-left"></span><button type=...原创 2018-08-19 19:04:21 · 962 阅读 · 0 评论 -
Bootstrap学习笔记(三) 按钮&尺寸&图片&辅助类
1.按钮# 为 <a>、<button> 或 <input> 元素添加按钮类(button class)即可使用 Bootstrap 提供的样式<a class="btn btn-default" href="#" role="button">Link</a><button class=&原创 2018-08-19 18:56:39 · 1622 阅读 · 0 评论 -
Bootstrap学习笔记(二) table表格&表单
1.表格标准格式:<table> <caption>...</caption> <thead> <tr> <th>...</th> <th>...</th> </tr>原创 2018-08-19 18:39:36 · 2538 阅读 · 0 评论 -
Bootstrap学习笔记(一) 媒体查询&布局容器&栅格系统&排版
备注: 官网:https://v3.bootcss.com/ CDN库:http://www.bootcdn.cn/bootstrap/ 引入Bootstrap有几种方式: 1.可以先将源码文件下载至本地,再通过link引入:<link rel="stylesheet" href="css/bootstrap.css"> 2.也可以通过CDN库直接复制链接1.媒体查询...原创 2018-08-19 18:05:34 · 800 阅读 · 0 评论 -
静态轮播图布局
直接贴代码了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图静态布局</title> <style> * {原创 2018-08-19 16:50:30 · 2174 阅读 · 0 评论 -
地图缩放到指定经纬度
点击【地图查看】,弹出地图,并缩放到当前案件的范围效果大致是这样:先把弹窗的页面元素写出来<!--弹出层时背景层DIV--><div id="fade" class="black_overlay"> </div><!-- 主体部分 --><div id="MyDiv" class="white_content"> ...原创 2019-05-13 09:59:04 · 681 阅读 · 0 评论