margin | 易学教程

仿Google自动提示 SearchSuggess

阅读更多关于仿Google自动提示 SearchSuggess

页面： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>seach</title> <script type="text/javascript" src="jquery.min.js" ></script> <script type="text/javascript" src="js.js"></script> <link href="css.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <div onClick="keyup_close();"> <ul> <li class="h_14"> <iframe style=

CSS3 拯救我的布局吧box-sizing

阅读更多关于 CSS3 拯救我的布局吧box-sizing

一、CSS常见的两栏布局如上图，是一个很简单的两栏布局，就是一个宽度为960px；并且页面居中显示，侧边栏栏宽度为220px；主内容宽度720px；两者有一个20px的间距，并且有页眉和页脚。代码也很简单： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head lang="en-US"> <title> 两栏布局</title> </head> <style type="text/css"> *{ margin:0; padding:0; } .wrapper{ width:960px; margin-left:auto; margin-right: auto; color:#fff; font-size:30px; text-align:center; background: blanchedalmond; } #header{ height:100px; background:#38382e; margin-bottom:10px; } .side{ float:left; width:220px; margin-right: 20px; margin-bottom:10px; height

0108 luffy登录注册接口

阅读更多关于 0108 luffy登录注册接口

目录昨日回顾 luffy后台验证手机号是否已注册使用手机号与验证码注册 luffy前台登录模态框注册模态框用户模块三大认证处理前后台交互登录前台登录手机号校验前台获取验证码前台短信验证码登录前台登录注销前台密码登录注册验证码的一次性处理昨日回顾 1、git的协同操作 1）拿公钥换源远程仓库源链接 - 成为项目开发者 2）根据源链接克隆远程仓库 - git clone 源地址 3）参与项目的团队开发，永远要遵循先pull后push，在pull之前要将所有修改的代码提交到本地版本库 2、冲突解决 1）当不同开发者协同开发，导致远程仓库与本地仓库的版本不一致，在pull远程仓库到本地仓库时，会出现版本冲突 2）两个仓库不同版本中，出现了相同文件的修改情况，会出现文件的冲突 3）同一文件的修改，代码有重叠，一定会产生代码冲突，打开冲突的文件，文件中会表示冲突的开始与结束，分割线上下分别是冲突的代码 >>>>>>>>>>header =========== <<<<<<<<<<1321adsa21 4）冲突的解决没有固定的结果，但是要将冲突的标识删除，根据代码实际情况，线下沟通，整合代码即可 3、登录业务 1）多方式登录 2）短信验证码腾讯短信服务 - 创建短信服务应用(appid、appkey)，申请签名与模板 -- 安装对应sdk --

前端学习（391）：新春贺卡制作13视口控制

阅读更多关于前端学习（391）：新春贺卡制作13视口控制

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1, maximum-scale=1,user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="chrome=1"> <title>新春贺卡</title> <link rel="stylesheet" type="text/css" href="./mooccss/style.css"> </head> <body> <div class="music"> <img src="./moocimg/music_pointer.png" alt=""> <img class="play" id="music" src="./moocimg/music_disc.png" alt=""> </div> <div class="page" id="page1"> <div class="bg"></div> <div class

常规流之块级格式化上下文（Block Formatting Contexts）

阅读更多关于常规流之块级格式化上下文（Block Formatting Contexts）

　　在css2.1中，常规流包括块框（block boxes）的块格式化（block formatting）,行内框（inline boxes）的行内格式化（inline formatting），块级框（block-level-boxes）或行内级框（inline-level-boxes）的相对定位。常规流中的框属于一个格式化上下文，可能是块或者是行内，但不能同时都是。块级框参与块级格式化上下文，行内级框参与行内级格式化上下文。今天我们先来说说块级格式化上下文，也就是我们常说的BFC。一.形成块级格式化上下文绝对定位元素（fixed其实是absolute的一个子集） display为inline-block，table-cell，table-caption，flex，inline-flex（这里有一点要注意的，display-table本身不会形成BFC，但是它会产生匿名框，其中包含的dispaly：table-cell元素会形成BFC） overflow不为visible 根元素 float属性不为none 　这里要说明的是这些是形成块格式化上下文，而不是说是参与块级格式化上下文，这两个概念很容易弄混，大家可以仔细体会下。块格式化上下文是一个独立的渲染区域，而且只会有块级框（block-level box）来参与，它规定内部的块级框如何布局

盒模型与布局

阅读更多关于盒模型与布局

1.盒模型一个元素在页面中相当于一个盒子，包括margin、border、padding、content，如下图所示：图1 css盒子盒子模型包括IE盒模型与标准盒模型。 div{ width: 100px; height: 50px; border: 2px; padding: 10px; margin: 20px; } 标准盒子模型：元素所占宽度: width = margin+ border + padding + width(内容宽度）, 元素所占高度height同理。 css中指定的宽度是content宽度，高度是content高度。 div实际所占的宽度width = width(content宽度） + padding-left + padding-right + border-left + border-right + margin-left + margin-right= 100px + 10px +10px + 2px + 2px +20px +20px = 164px; div实际所占的高度height = height（content高度） + padding-top + padding-bottom + border-top + border-bottom + margin-top +margin-bottom= 50px + 10px +

emacs org-mode文件转html文件

阅读更多关于 emacs org-mode文件转html文件

Table of Contents 1. 发布站点 by emacs org-mode 1.1 org-mode 自带的导出方法 1.2 批量导出 1.3 css 美化 1.4 导出html 1. 发布站点 by emacs org-mode org-mode 写文档做笔记啥的很方便, 反应超快(因为是文本文件), 而且在emacs中可以显示出类似word的效果. 但是给没有emacs的人看时, 就不太方便.(没有高亮显示, 也无法在文本中跳转等等) 为了将继续使用 org-mode 带来的便利, 也为了方便别人查看自己的文档, 稍稍调查了一下org-mode导出html的功能. 1.1 org-mode 自带的导出方法强大的org-mode其实自带了导出各种格式的功能. 导出html格式的快捷键很简单: C-c C-e h 虽然方便, 但是导出的html格式不太好看, 而且不能批量导出, 这个命令只能导出一个org文件. 1.2 批量导出 org-mode虽然也有导出org project的命令, 但是需要在 .emacs中配置相关导出选项. 每次导出不同的项目时, 需要修改 .emacs, 修改 .emacs后要么重新导入, 要么重启 emacs. 总觉得很麻烦. 后来参考了博客园上[麦满屯]的一篇博客 1 , 用Makefile来简化 org 文件的导出和发布.

常用到的JS 验证(包括例子)

阅读更多关于常用到的JS 验证(包括例子)

//验证是否为空 function check_blank(obj, obj_name){ if(obj.value != ''){ return true; }else{ alert(obj_name + "所填不能为空！"); obj.value = ""; return false; } } //过滤输入字符的长度 function check_str_len(name,obj,maxLength){ obj.value=obj.value.replace(/(^\s*)|(\s*$)/g, ""); var newvalue = obj.value.replace(/[^\x00-\xff]/g, "**"); var length11 = newvalue.length; if(length11>maxLength){ alert(name+"的长度不能超过"+maxLength+"个字符！"); obj.value=""; obj.focus(); } } //验证只能为数字 function checkNumber(obj){ var reg = /^[0-9]+$/; if(obj.value!=""&&!reg.test(obj.value)){ alert('只能输入数字！'); obj.value = ""; obj.focus(); return false

CSS margin 属性

阅读更多关于 CSS margin 属性

定义和用法 margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。注释：允许使用负值。例子 1 margin:10px 5px 15px 20px; 上外边距是 10px 右外边距是 5px 下外边距是 15px 左外边距是 20px 例子 2 margin:10px 5px 15px; 上外边距是 10px 右外边距和左外边距是 5px 下外边距是 15px 例子 3 margin:10px 5px; 上外边距和下外边距是 10px 右外边距和左外边距是 5px 例子 4 margin:10px; 所有 4 个外边距都是 10px 这里尤其要注意的margin:后面的值代表的顺序是上右下左。来源： CSDN 作者： qiuchangyong 链接： https://blog.csdn.net/qiuchangyong/article/details/103940870

C# WPF聊天界面（3/3）

阅读更多关于 C# WPF聊天界面（3/3）

微信公众号： Dotnet9 ，网站： Dotnet9 ，问题或建议：请网站留言，如果对您有所帮助：欢迎赞赏。 C# WPF聊天界面（3/3）阅读导航本文背景代码实现本文参考 1.本文背景系列文章最后一篇，一个完整的聊天界面。当然只看效果，具体的项目需要将左侧好友列表、中间会话列表、右侧联系人简况做成MVVM绑定的形式，做成模板才是一个完整的项目，本系列只是对界面的一个设计参考。前面两篇文章： C# WPF联系人列表（1/3） C# WPF简况（2/3）三篇文章最终效果如下： 2.代码实现使用 .Net CORE 3.1 创建名为 “Chat” 的WPF项目，添加 MaterialDesignThemes(3.0.1)、MaterialDesignColors(1.2.2)两个Nuget库，文中图片已全部替换为站长网站logo图片外链，直接Copy文中代码即可运行，大家亦可下载原作者源码研究学习，文末会给出源码下载链接。 2.1 引入MD控件样式文件使用MD控件的常规操作，需要在App.xaml中引入4个样式文件： <Application x:Class="Chat.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas

订阅 margin