margin | 易学教程

循环创建按钮

阅读更多关于循环创建按钮

CGFloat margin = 22; CGFloat btnW = 35; CGFloat btnH = 35; int cloums = 7; CGFloat btnLeft = (self.view.frame.size.width - (btnW * cloums) - (cloums - 1) * margin) / 2; for (int i = 0; i < 30; i++) { UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; // 行的索引 int colIdx = i % cloums; // 列的索引 int rowIdx = i / cloums; CGFloat btnX = btnLeft + colIdx * (btnW + margin); CGFloat btnY = 0 + rowIdx * (btnH + margin); button.frame = CGRectMake(btnX, btnY, btnW, btnH); button.backgroundColor = [UIColor redColor]; [self.view addSubview:button]; } 来源： https://www.cnblogs.com/fantasy3588/p

CSS 公共样式分享

阅读更多关于 CSS 公共样式分享

global.css | reset.css（格式化样式） common.css（公共组件样式） layout.css（当前页面样式）清除全站所有页面的浏览器默认样式，保证在初始样式在所有浏览器下一致。 common.css（公共组件样式）一般一个网站所有页面头部、底部样式都是一致的，而且很长时间不会有大的改变，改变的大概就是产品、运营的经常需要添加、去掉某些入口的需求，要保证全站所有页面头部一次替换生效，只要把头文件，已经对应的样式一发，马上生效，很快就有响应。比如翻页、表单（输入框、按钮）等样式也是全站统一的，把这些样式都放到common.css里面，如果哪天所有的按钮样式要变更，一次替换就成功了。 layout.css（当前页面样式）公共组件以外的所有样式都写到这个样式文件里面，并且保证一个页面一个独立样式，页面html和css写法要模块化，保证迅速响应项目频繁的迭代。为什么要保证一个页面一个独立样式，而且要模块化，肯定有朋友和我有过一样的经历，修改一行样式代码，整个页面甚至N个页面都会受影响，搞了半天还不知道哪里出了问题，返回到修改前的版本，就没问题了。终于找到原因了，却不能改以前的样式，更不能删除，只能增加，时间一长，css样式文件越来越大，最后是不堪重负，整个页面代码只能重写。其实global.css和common.css也可以合并到一个文件

jQuery学习-day04

阅读更多关于 jQuery学习-day04

事件的移入和移出 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <style type="text/css"> 6 *{ 7 margin: 0; 8 padding: 0; 9 } 10 .father{ 11 width: 200px; 12 height: 200px; 13 background: red; 14 } 15 .son{ 16 width: 100px; 17 height: 100px; 18 background: blue; 19 } 20 </style> 21 <script type="text/javascript" src="../js/jquery-1.12.4.js"></script> 22 <script type="text/javascript"> 23 $(function(){ 24 //mouseover/mouseout事件，子元素被移入和移出也会触发到父元素 25 26 //mouseenter/mousuleave事件，子元素被移入和移出不会触发父元素 27 $(".father").mouseenter(function(){ 28 alert("father移入"); 29 }); 30 $(".father").mouseleave(function

blog主题——樱花

阅读更多关于 blog主题——樱花

贮存一下，blog代码 QAQ 页脚html  <script src="https://blog-static.cnblogs.com/files/zouwangblog/autoload.js"></script>   <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zouwangblog/zoom.css"> <script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.2.0/js/transition.js"></script> <script src="https://blog-static.cnblogs.com/files/zouwangblog/zoom.js"></script> <script type='text/javascript'>$('#cnblogs_post_body img').attr('data-action', 'zoom');</script> <!-

博客园界面美化

阅读更多关于博客园界面美化

博客园界面美化作者： @Ryanjie 本文为作者原创，转载请注明出处： https://www.cnblogs.com/Ryanjie/p/9382356.html 阅读目录(Content) 博客园界面美化 0x00. 写在前面 0x01. 博客园后台设置 0x02. 页面定制CSS代码 0x03. 侧边栏公告 0x04. 页首Html代码 0x05. 页脚Html代码 0x06. 博客签名 0x07. 写在最后回到顶部(go to top) 博客园界面美化标签：美化回到顶部(go to top) 0x00. 写在前面皮肤作者： @SevenNight 皮肤作者博客： SevenNight 修改人： @Ryanjie 修改人： Ryanjie 前几天无意之中看到了一款特别好看（每个人的眼光都不一样）的博客皮肤“ verdant ”，皮肤的作者是 @SevenNight 。当时感觉这款皮肤很简洁却又不失本色，于是立刻更换了这款皮肤。但是在使用过程中碰到了一些问题。由于之前基本没有学过前端，只好自己动手慢慢钻研。最终，之前一些不能实现的或者是自己想要实现的，都满足了。在这之前还是先感谢 @SevenNight ，感谢他设计得这款皮肤。我只是在原作者 @SevenNight 的基础上增添了markdown代码高亮、自动生成三级目录、版权声明、markdown代码添加行号

css margin边距重合问题

阅读更多关于 css margin边距重合问题

margin与margin 外边距与外边距重叠两个div正常排列 <div class='d1'></div> <div class='d2'></div> 两个元素top，bottom边距重叠情况第一种情况　　d1的margin-bottom：-20px，　　d2的margin-top：30px时，d1和d2的边距为30+（-20)px,当两个元素相对边距为正负数时，它们之间的实际外边距为相对边距相加之和：10px 第二种情况　　d1的margin-bottom：20px，　　d2的margin-top：30px，d1和d2的边距为30px，当两个元素相对边距都为正数时，取最大值第三种情况　　d1的margin-bottom：-20px，　　d2的margin-top：-30px，d1和d2的边距为-30px，当两个元素相对边距都为负数时，取最小值 left，right重叠情况　　不管实在float，还时flex、inline-block下　　d1与d2的margin-left和margin-right重叠时，两个元素的实际边距为margin-left + margin-right margin与padding 外边距与内边句重叠元素排列如下 <div class="w1"> <div class="d1 d"></div> </div> <div

如何删除禁止显示管家婆分销ERPV3A8右下角广告

阅读更多关于如何删除禁止显示管家婆分销ERPV3A8右下角广告

<GridBlock HAlign="Right" Name="adBanner"> <ImageButton Name="adbg" Width="120" Height="68" Image="images/adbg.png" OnClick="doAdClick" Margin="0,-72,0,2" UrlKind="ServerResource" /> <ImageButton Name="adimgonlin" Width="120" Height="68" Image="http://img.qiyegou.cn/Photos/Images/ad.png" OnClick="doAdClick" Margin="0,-72,0,2" UrlKind="Server" /> <ImageButton Name="adimgRe" IsVisible="false" Width="120" Height="68" Image="images/ad.png" OnClick="doAdClick" Margin="0,-72,0,2" UrlKind="ServerResource" /> <ImageButton Name="adclose" Width="10" Height="10" Image="images/closeall

QSS独门秘籍：subcontrol

阅读更多关于 QSS独门秘籍：subcontrol

QSS是C++ Qt中的界面美化神器，其语法和CSS区别不大，但是QSS有一个独有的功能——subcontrol，这是CSS所没有的，一个widget往往由多个子部件构成，利用subcontrol可以对窗口部件的某些子部件做精细处理，从而使得界面美化达到定制最大化。以下内容来源于http://qtdebug.com/QSS-Subcontrol.html http://qtdebug.com/index.html上有很多不错的教程 Subcontrol 的绘制位置由 subcontrol-origin、subcontrol-position, top, left 来指定，就先从这几个属性开始入手。 Subcontrol-Origin subcontrol-origin 定义在 parent widget 中绘制 subcontrol 的参考矩形，默认在 padding 的矩形中绘制。 The origin rectangle of the subcontrol within the parent element. If this property is not specified, the default is padding. subcontrol-origin 有 4 个值可选： margin border padding content 下图展示了 subcontrol

css 盒模型

阅读更多关于 css 盒模型

1、基本概念：　　标准盒模型 + IE 模型(怪异盒模型) 2、区别：　　标准盒模型中 width 指的是内容区域 content 的宽度；height 指的是内容区域 content 的高度。　　标准盒模型下盒子的大小 = content + padding + border + margin; 　　IE 模型中的 width 指的是内容、边框、内边距的宽度（content + border + padding ）;height 同理。　　IE 模型下盒子的大小 = width/height(content + padding + border) + margin; 3、css 中如何设置标准模型和IE模型：　　　　如果doctype协议缺失，会由浏览器自己界定，在IE浏览器中IE9以下（IE6.IE7.IE8）的版本触发怪异模式，其他浏览器中会默认为W3c标准模式。　　box-sizing: content-box 标准盒模型　　box-sizing: border-box IE盒模型 4、js 如何设置获取盒模型对应的宽和高：　　dom.style.width/height（只能获取内联宽高）　　dom.currentStyle.width/height（浏览器渲染之后的取值，只有IE支持）　　window.getComputedStyle(dom)

主页的设计

阅读更多关于主页的设计

主页仍然用了淘宝的模子进行了设计，成果：在推荐这一块的盒子数决定由服务器决定，会在本地存cookie，然后查询用户喜好从而推荐。今天用的比较多的是position的absolute和relative，深切的感受了absolue。 absolute在有父元素定位时按父元素来，没有时按照文本来。 relative按照自己来。遇到的难点尽管文本框改为圆角，点击时还是有蓝色外框一开始尝试用F12检查这个元素的，结果发现找不到这个元素，最后通过百度找到了正确的解决方式：有一个outline的属性，是专门用来设置这个的，修改即可搜索按定位不到文本框上我用的是将文本全部设置成了圆角，按钮覆盖在文本框的上面，就在现在写博客的时候突然发现自己有点蠢~ 可以将文本框右边设置成直角的呀，都不需要定位了~没法吐槽自己当时的脑回路~当然按钮用了渐变的效果~ 列表的hover效果只有文字背景色改变这个问题是今天新的领悟，更加熟悉了盒模型，如果给列表设置margin的话背景色当然就给内容上色了，导致一段空隙，这个空隙就是margin的空隙，而padding设置则正好，将列表项的内容充实了，所以就全上了色。外边框的像素影响了尺寸的设置总是差几个像素由于有印象，所以比较快的解决了这个问题，就是设置box-sizing: border-box;即可，把边框也算在盒子内部。主面板的布局

订阅 margin