button样式

ExtAspNet应用技巧（一）

由 对着背影说爱祢 提交于 2020-03-03 00:41:28
如何有效控制表单中控件的位置？ 我们就拿一位网友的例子来说明这个问题，首先看段使用ExtAspNet的代码： < ext:PageManager ID = " PageManager1 " runat = " server " ></ ext:PageManager > < ext:Panel ID = " Panel1 " runat = " server " BodyPadding = " 5px " EnableBackgroundColor = " true " ShowBorder = " true " ShowHeader = " true " Title = " 物料主檔查詢 " Width = " 700 " > < ext:CheckBox ID = " CheckBox1 " runat = " server " ShowLabel = " false " Text = " 我確定以下復合條件均不需要輸入 " > </ ext:CheckBox > < ext:GroupPanel ID = " GroupPanel1 " runat = " server " AutoHeight = " true " Title = " 查詢條件 " > < ext:Form ID = " Form2 " runat = " server "

jQuery知识点总结

由 亡梦爱人 提交于 2020-03-02 17:16:44
一 、元素的增删改查 1、增加 a 、 append() 和 appendTo() 区别 append()：后边的加到前边的里边（后置插入） appendTo()：前边的加到后边的里边 b 、 prepend() 和 prependTo() 区别 后边的加到前边的里边（前置插入） c、after() 和 before() 区别 后边的插入到前边的之后 后边的插入到前边的之前 2、删除 a 、 remove 、empty 和 detach 方法的区别 Remove：移除 Empty：把元素内容清空 Detach：删除后还保留原有的事件 3、改 a、replaceWith() 后边的 替换前边的 例： <div class="container"> <div class="inner first">Hello</div> <div class="inner second">And</div> <div class="inner third">Goodbye</div> </div> $(‘.third').replaceWith($('.first')); 执行完的结果是？And hellow b 、 replaceAll() 方法 前边的替换后边的 4、以下选择器各列举五个 基本选择器 Id Class * 群组选择器 直接名字 层次选择器 form>input

非常好用的CSS样式重置表

由 可紊 提交于 2020-03-01 18:07:24
非常好用的CSS样式重置表 我们在项目前期准备时都会准备好一个reset.css，因为不同浏览器对标签的解析各不相同，重置css样式可以让标签在不同浏览器下产生相同的效果。所以一个好的重置样式表是非常重要的。用过很多网上现成的样式重置表，然后有时写的样式代码没问题却达不到自己要的效果，查了才发现是掉进reset.css的坑里。这里推荐用过多种reset.css感觉是最好用的重置样式表： Sandal ，这个样式表的好处是他绝大多数的保留了标签的常用效果，并不是简单粗暴的全部掩杀。具体样式如下，可以直接整个复制在自己的reset.css中： 　　html { 　　　　-ms-text-size-adjust: 100%; 　　　　-webkit-text-size-adjust: 100%; 　　　　-webkit-tap-highlight-color: transparent; 　　　　height: 100%; 　　} 　　body { 　　　　margin: 0; 　　　　font-size: 14px; 　　　　font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; 　　　　line-height: 1.5; 　　　　color: #333; 　　　　#fff; 　　　　min-height

【WPF学习】第五十章 故事板

由 对着背影说爱祢 提交于 2020-02-29 18:08:30
　　正如上一章介绍，WPF动画通过一组动画类(Animation类)表示。使用少数几个熟悉设置相关信息，如开始值、结束值以及持续时间。这显然使得它们非常适合于XAML。不是很清晰的时：如何为特定的事件和属性关联动画，以及如何在正确的时间触发动画。 　　在所有声明式动画中都会用到如下两个要素： 　　 故事板 。故事板是BeginAnimation()方法的XAML等价物。通过故事板将动画指定到合适的元素和属性。 　　 事件触发器 。事件触发器响应属性变化或事件(如按钮的Click事件)，并控制故事板。例如，为了开始动画，事件触发器必须开始故事板。 一、故事板 　　故事板是增强的事件线，可用来分组多个动画，而且具有控制动画播放的能力——暂停、停止以及改变播放位置。然而，Storyboard类提供的最基本功能是，能够使用TargetProperty和TargetName属性指向某个特定属性和特定元素。换句话说，故事板在动画和希望应用动画的属性之间架起了一座桥梁。 　　下面的标记演示了如何定义用于管理DoubleAnimation的故事板： <Storyboard TargetName="cmdGrow" TargetProperty="Width"> <DoubleAnimation From="160" To="300" Duration="0:0:5"><

Bootstrap 3.2.0 源码试读 2014/08/09

由 微笑、不失礼 提交于 2020-02-29 12:46:43
第一部分 normalize.css 104至110行 code, /* 编辑代码 */ kbd, /* 键盘输入的文本 */ pre, samp { /* 范例,sample的简写 */ font-family: monospace, monospace; /* 这个地方应该是写错了，第二字体应该是serif */ font-size: 1em; } 设置字体的大小为1em，字体为monospace。 111至119行 button, input, optgroup, /* 选项组，配合select使用。有个label属性用来显示组描述 */ select, textarea { margin: 0; font: inherit; color: inherit; } 设置外边距是0，字体与颜色都继续自父容器。 120至122行 button { overflow: visible; } 按钮上显示的文本即使溢出也照常显示。 123至126行 button, select { text-transform: none; } 按钮与列表的文本的大小写为标准方式。 text-transform 属性控制文本的大小写，可选的值有5个。 1、none与inherit 2、capitalize，每个单词的第一个字母大写 3、uppercase，全是大写 4、lowercase，全是小写

Bootstrap 按钮组

由 ﹥＞﹥吖頭↗ 提交于 2020-02-29 02:52:01
按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时，这就显得非常有用。您可以通过 Bootstrap 按钮（Button） 插件 添加可选的 JavaScript 单选框和复选框样式行为。 基本的按钮组 下面的实例演示了上面表格中讨论到的 class .btn-group 的使用： <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 基本的按钮组</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="/scripts/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class="btn-group"> <button type="button" class="btn btn-default">按钮 1</button> <button type="button" class="btn btn-default">按钮 2</button> <button type="button" class="btn btn-default">按钮 3</button>

Bootstrap 输入框组

由 倖福魔咒の 提交于 2020-02-29 02:50:17
本章将讲解 Bootstrap 支持的另一个特性，输入框组。输入框组扩展自 表单控件 。使用输入框组，您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。 通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如，您可以添加美元符号，或者在 Twitter 用户名前添加 @，或者应用程序接口所需要的其他公共的元素。 向 .form-control 添加前缀或后缀元素的步骤如下： 把前缀后后缀元素放在一个带有 class .input-group 的 <div> 中。 接着，在相同的 <div> 内，在 class 为 .input-group-addon 的 <span> 内放置额外的内容。 把该 <span> 放置在 <input> 元素的前面或者后面。 为了保持跨浏览器的兼容性，请避免使用 <select> 元素，因为它们在 WebKit 浏览器中不能完全渲染出效果。也不要直接向表单组应用输入框组的 class，输入框组是一个孤立的组件。 基本的输入框组 下面的实例演示了基本的输入框组： <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 基本的输入框组</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

前端—Bootstrap

由 狂风中的少年 提交于 2020-02-28 01:18:08
Bootstrap介绍 Bootstrap它是基于jQuery,也就是意味着用Bootstrap之前必须导入jQuery文件 建议用3.x版本，不要轻易使用最新版 Bootstrap特点：只用修改类属性就是修改页面的样式 使用方法： 下载：https://v3.bootcss.com/ 第二种是用cdn地址引用： 布局容器 <div class="container "></div> 左右有固定留白<div class="container-fluid c1"></div> 全屏展示 栅格系统 一个row就表示一行，这一行默认给你平均分成12份，每一份你还可以分成12份 div class="container"> <div class="row"> 一行 <div class="col-md-6 c1"></div> 控制你占当前行的多少列 借助谷歌浏览器自动切换手机或电脑屏幕，只需要加一个col-xs-6生成对应的布局 列偏移 使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。 <div class="row"> <div class="col-md-4">.col-md-4<

十四.按钮 button

由 风格不统一 提交于 2020-02-27 15:30:56
button 按钮 属性 类型 默认值 必填 说明 size string default 否 按钮的大小,default/mini(小尺寸) type string default 否 按钮的样式类型, primary(原色) / default(默认 / warn(警告) plain boolean false 否 按钮是否镂空，背景色透明 disabled boolean false 否 是否禁用 loading boolean false 否 名称前是否带 loading 图标 form-type string 否 用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件 open-type string 否 微信开放能力 hover-class string button-hover 否 指定按钮按下去的样式类。当 hover-class="none" 时，没有点击态效果 hover-stop-propagation boolean false 否 指定是否阻止本节点的祖先节点出现点击态 hover-start-time number 20 否 按住后多久出现点击态，单位毫秒 hover-stay-time number 70 否 手指松开后点击态保留时间，单位毫秒 lang string en 否 指定返回用户信息的语言，zh_CN

H-ui前端框架

由 给你一囗甜甜゛ 提交于 2020-02-27 03:31:47
按钮 不支持圆角和背景渐变浏览器，如IE系列，会显示扁平纯色直角效果。 HTML代码 <input class="btn btn-default" type="button" value="默认"> <input class="btn btn-default radius" type="button" value="圆角效果"> <input class="btn btn-default round" type="button" value="椭圆效果"> <input class="btn btn-primary radius" type="button" value="主要"> <input class="btn radius btn-secondary" type="button" value="次要"> <input class="btn btn-success radius" type="button" value="成功"> <input class="btn radius btn-warning" type="button" value="警告"> <input class="btn btn-danger radius" type="button" value="危险"> <input class="btn btn-link radius" type="button"
订阅 button样式