margin | 易学教程

简单的物流项目实战，WPF的MVVM设计模式(五)

阅读更多关于简单的物流项目实战，WPF的MVVM设计模式(五)

开始界面 <Grid> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition/> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions> <Button Grid.Row="0" Content="注册" Height="60" Width="300" Name="SignUpButton" Click="SignUpButton_Click" /> <Button Grid.Row="1" Content="登录" Height="60" Width="300" Name="SignInButton" Click="SignInButton_Click"/>  </Grid> 注册界面 <Grid> <Grid.RowDefinitions>

WPF-命令

阅读更多关于 WPF-命令

一、WPF为何需要命令我们已经知道WPF里已经有了路由事件，可以发布及传播一些消息，那为什么还需要命令呢？这是因为事件指负责发送消息，对消息如何处理则不管，而命令是有约束力，每个接收者对命令执行统一的行为，比如菜单上的保存，工具栏上的保存都必须是执行同样的保存。二、命令系统的基本元素命令(Command)：实现了ICommand接口的类，经常使用的有RoutedCommand类命令源: 是命令的发送者，是实现了ICommandSource接口的类，大部分界面的控件都实现了这个接口，Button, MenuItem 等等。命令目标：命令的接收者，命令目标是视线了IInputElement接口的类。命令关联：负责一些逻辑与命令关联起来，比如判断命令是否可以执行，以及执行完毕后做一些处理。三、四个命令元素之间的关系四、命令示例我们让一个按钮发送Hello命令给文本框，文本框接收这个命令后显示“Nice to meet you”. view source print ? 01 < Window x:Class = "DeepXAML.MainWindow" 02 xmlns = " http://schemas.microsoft.com/winfx/2006/xaml/presentation " 03 xmlns:x = " http://schemas

CSS艺术之---负margin之美

阅读更多关于 CSS艺术之---负margin之美

CSS中负边距(nagative margin)是布局中常常使用的一个技巧。仅仅要运用得当时常会产生奇异的效果。勘称CSS中的奇淫巧计，非常多CSS布局方法都依赖于负边距。掌握它对于前端童鞋来说还是非常重要的。一、原理文档流百度百科中的定义：文档流是文档中可显示对象在排列时所占用的位置。将窗口自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。 (自己的理解是从头到尾依照文档的顺序，该在什么位置就在什么位置，也能够依照上面的意思理解，自上而下，自左到右的顺序) 那些没有脱离文档流的元素（指不是浮动元素也不是绝对定位、固定定位的元素等），其在页面中的位置是尾随者文档流的变化而变化的。看以下这幅图：负边距对这些由文档流控制的元素的作用是，会使它们在文档流中的位置发生偏移，但这样的偏移不同于相对定位。通过相对定位偏移后，其仍然会坚守着它原来占领的空间，不会让文档流的其他元素乘虚而入。而通过负边距进行偏移的元素，它会放弃偏移前占领的空间，这样它后面文档流中的其他元素就会“流”过来填充这部分空间。还是通过样例来说明吧。如今我们把上图中的块状元素、行内元素以及inline-block元素都设一个负边距 margin:-10px; 看看会发生什么：具体发生了什么变化自己体会体会，负的边距好像能减小元素在文档流中的尺寸一样，但其实。它的尺寸大小并没变

Extjs 6.2.0 鼠标悬停提示

阅读更多关于 Extjs 6.2.0 鼠标悬停提示

鼠标悬停提示详细信息属性 tooltip :'这里是提示的信息' 例如:上传文件按钮,鼠标移上去提示可以上传文件类型大小或者其他注意事项. 代码: items: [{ xtype: 'ext-fastsmart-button-button', html: '<div class="x-link-text-color" style="font-size: 15px;">+ 附件上传</div>', tooltip :'附件不能超过5个文件，每个文件不能大于10M，不支持可执行程序及压缩包格式（.exe、.rar/.zip）；附件文件名不能超过50字符（汉字25）', style: "text-align: center;margin: 0; margin-right:0px;padding:0;border-radius: 0px; border: 1px dashed #3388FF;background-color:white;", name: 'btnSelect', bind: { disabled: '{uploading}' }, 　　效果图: 来源： https://www.cnblogs.com/xzbltr/p/9293293.html

JS轮播特效+导航二级菜单

阅读更多关于 JS轮播特效+导航二级菜单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" href="1.css"> <link rel="stylesheet" href="fonts/iconfont.css"> </head> <body> <div class="main" id="main">  <div class="sub-menu hide" id="sub-menu"> <div class="inner-box"> <div class="sub-inner-box"> <div class="title">手机、配件</div> <div class="sub-row"> <span class="bold mr10">手机通讯：</span> <a href="">手机</a> <span class="ml10 mr10">/</span> <a href="">手机维修</a> <span class="ml10 mr10">/</span> <a href="">以旧换新</a> </div> <div class="sub-row"> <span class="bold mr10">手机配件：</span>

jquery tmpl 详解

阅读更多关于 jquery tmpl 详解

动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。这些情况下，动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回 HTML 不划算，而在 web 传输方面，现在更多的是使用 JSON 而不是 XML。浏览器端根据 JSON 生成 HTML 有个很苦恼的地方就是，结构不复杂的时候还好，结构一复杂，就想死了，需要很小心很小心地写出几乎无法维护的 JavaScript 代码。因此一些用模版生成HTML的的框架相继出现jquery.tmpl 就是其中的一种，下面我们来详细介绍下jquery.tmpl的用法 jquery.tmpl的几种常用标签分别有： ${} , {{each}} , {{if}} , {{else}} , {{html}} 不常用标签 {{=}} , {{tmpl}} and {{wrap}} . ${} 等同与 {{=}} 是输出变量 ${} 里面还可以放表达式（=和变量之间一定要有空格，否则无效）示例： <div id="div_demo"> </div> <script id="demo" type="text/x-jquery-tmpl"> <div style="margin-bottom:10px;">

总结补充

阅读更多关于总结补充

1.wpf 在xaml 字符串格式化 <TextBlock VerticalAlignment="Center" Foreground="#000080" HorizontalAlignment="Left" Text="{Binding, StringFormat='yyyy-MM-dd HH:mm:ss'}"></TextBlock> 2.wpf mvvm消息传递注册： Messenger.Default.Register<string>(this, "WinClosed", (message) => { this.Close(); }); 消息发送： Messenger.Default.Send<string>(string.Empty, "WinClosed"); 3.wpf 自带消息弹出窗口 MessageBox.Show("信息!", "提示", MessageBoxButton.OK, MessageBoxImage.Error, MessageBoxResult.OK); 4.wpf mvvm RideoButton的使用 <StackPanel Orientation="Horizontal" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" > <Label Foreground="OrangeRed"

常见的布局方式实现

阅读更多关于常见的布局方式实现

单列布局 HTML： <div class="parent"> <div class="child"></div> </div> 一.水平居中（常见的，那些什么table，导致性能不好的就不说了）实现效果： 1.使用inline-block和text-align实现 <style> .parent{ text-align: center; border: 1px solid red; } .child{ width: 50px; height: 50px; border: 1px solid #667766; background-color: bisque; display: inline-block; } </style> 原理： ①.text-align是指定元素文本的水平对齐方式，可继承， ②.inline-block行内块级元素，就是还是行内元素的排列方式不换行，但是支持块级元素有的宽高和上下padding 多个inline-block子元素会怎样？多个inline-block的间隙解决办法：在父级元素中加入font-size:0; 优点：兼容性好，缺点：需要同时设置子元素和父元素 2.使用margin:0 auto实现 .child{ width: 50px; height: 50px; border: 1px solid #667766; background

day15 CSS JS DOM初探

阅读更多关于 day15 CSS JS DOM初探

居中 line-hight 是上下 text-line 是左右实现一个返回顶部的功能： 1 先写好CSS 2 写动作JS 写一个悬浮菜单： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .pg-header{ margin: 0 auto; height: 48px; width:980px; background-color: aquamarine; color: coral; position: fixed; top: 0; left: 20px; right: 20px; line-height: 48px; text-align: center; } .pg-body{ margin: 0 auto; background-color: #dddddd; width:980px; height: 5000px; margin-top: 50px; } </style> </head> <body> <div class="pg-header">此处为菜单</div> <div class="pg-body">此处为内容</div> </body> </html> 效果：上下滚动菜单始终固定在顶部实现一个点赞按钮的效果： <

前端-css-长期维护

阅读更多关于前端-css-长期维护

############### CSS简介 ################ # CSS # HTML是骨架 # CSS是样式 # JS是动作 # css和html是分成两个文件编写的，这也是体现了文档内容和样式的解耦， # CSS：层叠样式表(英文全称：Cascading Style Sheets) ############### CSS的内容列表 ################ css的内容列表 1，css的引入，三种方式 2，css的选择器，基本选择器，有四种，p # . * 组合选择器，属性选择器分组和嵌套伪类选择器伪元素选择器选择器的优先级 3，css的各种属性，宽和高，width，height，字体属性，font-size，font-weight，color，文字属性，text-align，text-decoration，text-indent，背景属性，background-color，background-repeat，background-image，background-position， display 盒子模型，margin外边距，border边框，padding内填充，content内容 float，三种取值，left，right，none， clear，清除浮动， overflow，溢出属性，定位position， 4

订阅 margin