padding

左边div固定宽度,右边div自适应撑满剩下的宽度--实现方法汇总

邮差的信 提交于 2020-02-27 22:17:51
神奇的事 其实有的方法(float、position、margin、flex)是有border像素的差 代码如下: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>神奇的事</title> <style> section { margin: 50px 0; } h3 { color: red; text-align: center; /*padding: 10px;*/ background: yellowgreen; } /*<!--------------NO.1做法(使用float)---------------->*/ .use-float .left { float: left; width: 12%; border: 2px solid salmon; } .use-float .right { overflow: hidden; border: 2px solid seagreen; } /*<!----------------------------------------->*/ /*<!--------------NO.2做法(使用table)---------------->*/ .use-table{ border-collapse:collapse;/*合并表格*/

css

亡梦爱人 提交于 2020-02-27 18:26:27
1、hover是鼠标移动到当前标签上时,对应的css属性生效。 padding是给a标签按上、右、下、左的顺序加上边框 hover下面的属性: background-color: blue;当鼠标移动到使用hover的标签上时,该属性生效。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .pg-header{ position:fixed; top:0; right:0; left:0; height:48px; background-color:#2459a2; line-height:48px; } .pg-body{ margin-top:50px; } .w{ width: 980px; margin: 0 auto; } /*padding:给menu加上样式,左右各增加10px边框*/ .pg-header .menu{ display:inline-block; padding:0 10px 0 10px; color:white; } /*当鼠标移动到当前标签上时,以下css属性才生效*/ .pg-header .menu:hover{ background-color:blue; } </style></head><body>

使div的高度随其内容而扩大

落花浮王杯 提交于 2020-02-27 03:46:35
我有这些嵌套的div,我需要主容器扩展(高度)以容纳内部的DIV <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc. --> </div> <div id="main_content"> <!-- this DIV _should_ stretch to accomodate inner divs --> <div id="items_list" class="items_list ui-sortable"> <div id="item_35" class="item_details"> </div> <div id="item_36" class="item_details"> </div> <div id="item_37" class="item_details"> </div> <!-- this list of DIVs "item_xx" goes on for a while each one representing a photo with name, caption etcetc --> </div> </div> <br class=

AJ学IOS(17)UI之纯代码自定义Cell实现新浪微博UI

无人久伴 提交于 2020-02-27 03:10:33
AJ分享,必须精品 先看效果图 编程思路 代码创建Cell的步骤 1> 创建自定义Cell,继承自UITableViewCell 2> 根据需求,确定控件,并定义属性 3> 用getter方法完成控件的实例化,只创建并添加到contentView,不处理位置 4> 定义一个模型属性,通过setter方法,设置cell的显示 昵称正文字符串的位置算法 设置大小由文字的长度决定 用字符串方法:[@"" boundingRectWithSize:(CGSize) options:(NSStringDrawingOptions) attributes:(NSDictionary *) context:(NSStringDrawingContext *)] //boundingRectWithSize计算给定文字字符串所占的区域,返回是一个x,y为0的CGRect // 如果要计算多行的准确高度需要传入 // options:NSStringDrawingUsesLineFragmentOrigin //attribbutes:dict 用于指定字体的相关属性的字典。UIKit框架的第一个头文件ps 这个头文件不记很难找 // context :nil #define kNameFont [UIFont systemFontOfSize:14] NSDictionary *nameDict

二十款漂亮的CSS字体样式

只谈情不闲聊 提交于 2020-02-27 02:49:06
样式一: body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #000000; background: #f2e7ca url(images/templatemo_body.jpg) top center no-repeat; } 样式二: body { background:#2f373a; font-family:Arial,Helvetica,sans-serif;font-size:100%; line-height:1em;color:#4e4e4e; min-width:920px; border-top:10px solid #0c0e0e } 样式三: body { font-family:Arial,Helvetica,sans-serif; font-size:1em; vertical-align:middle; font-weight:normal } 样式四: body { margin:0px; padding:0px; background-color:#E7EAEB; font-family:"微软雅黑","黑体","宋体"; font-size:12px;

加密与安全:非对称加密算法 RSA 1024 公钥、秘钥、明文和密文长度

六月ゝ 毕业季﹏ 提交于 2020-02-27 01:51:27
RSA 1024 是指公钥及私钥分别是 1024bit,也就是 1024/8 = 128Bytes。 RSA 原理 RSA 算法密钥长度的选择是安全性和程序性能平衡的结果,密钥长度越长,安全性越好,加密解密所需时间越长。 1、非对称加密算法中 1024bit 密钥的强度相当于对称加密算法 80bit 密钥的强度; 2、密钥长度增长一倍,公钥操作所需时间增加约 4 倍,私钥操作所需时间增加约 8 倍,公私钥生成时间约增长 16 倍; 3、明文长度 一次能加密的明文长度与密钥长度成正比: len_in_byte(raw_data) = len_in_bit(key)/8 -11,如 1024bit 的密钥,一次能加密的内容长度为 1024/8 -11 = 117 byte。 所以非对称加密一般都用于加密对称加密算法的密钥,而不是直接加密内容。 注: 明文长度小于等于密钥长度 128Bytes - 11 这个说法本身不太准确,会让人产生 RSA 1024 只能加密 117 字节长度明文的误解。 实际上,RSA 算法本身要求加密内容也就是明文长度 m 必须满足 0<m<n,也就是说内容这个大整数不能超过 n,否则就出错。 那么如果 m=0 是什么结果? 普遍 RSA 加密器会直接返回全 0 结果,如果 m>n,运算就会出错。 因此,RSA 实际可加密的明文长度最大也是 1024bits

博客园样式(仿简书)

↘锁芯ラ 提交于 2020-02-26 20:13:30
成品图 成品链接 设置流程 博客园  →  管理  →  设置  →  博客皮肤  →  SimpleMemory 页面定制CSS代码 禁用模板默认css不用勾选 body { background: none; } .postTitle { border-bottom: 0px solid #969696; border-left: 0px solid #969696; color: #969696; display: inherit; font-size: 18px; font-weight: 700; line-height: 1.5; padding: 0; } .postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #969696; font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; } .postTitle a:hover{ color: #646464; text-decoration: underline; } .c_b_p_desc { margin: 0 0 8px; font-size

如何在“无线电”输入字段中使用“必需”属性

吃可爱长大的小学妹 提交于 2020-02-26 11:41:25
我只是想知道如何在单选按钮上正确使用新的HTML5输入属性。 是否每个单选按钮字段都需要以下属性? 还是只有一个领域就足够了? <input type="radio" name="color" value="black" required="required" /> <input type="radio" name="color" value="white" required="required" /> #1楼 如果您已自定义单选按钮,例如,单选按钮的原始图标已通过css display:none 隐藏,那么您可以创建自己的单选按钮,则可能会收到错误消息。 解决此问题的方法是将 display:none 替换为 opacity:0 #2楼 这是必需的单选按钮的非常基本但现代的实现,带有本地HTML5验证: body {font-size: 15px; font-family: serif;} input { background: transparent; border-radius: 0px; border: 1px solid black; padding: 5px; box-shadow: none!important; font-size: 15px; font-family: serif; } input[type="submit"] {padding: 5px 10px

Keras【Deep Learning With Python】更优模型探索Keras实现CNN

廉价感情. 提交于 2020-02-26 10:07:09
文章目录 CNN 1.CNN介绍 2.CNN基本原理 代码实现 手写数字复杂网络层抽特征可视化工具http://scs.ryerson.ca/~aharley/vis/conv/ CNN 1.CNN介绍 CNN是应用在图像识别领域较多的一种机器学习算法,它与普通的神经网络有点类似,通过输入层然后乘以权重加上偏置,并且通过一个非线性的激活函数,即可得到输出值。CNN要做的是给定一幅图,对该图像进行编码最终即可将该图进行分类,而此过程中参数相比普通神经网络的参数要少,并且更加高效。 CNN通常由三个部分组成,分别是Conv layer、Pooling layer、Full-connected layer,它们组成了一个完整的CNN结构。通常输入是一幅图片,whc,分别为图像的宽度高度以及频道数目(RGB),conv layer将计算输入层与权重矩阵的卷积,然后将该结果通过ReLU函数,Pooling layer用于对卷积后的矩阵进行抽样降维,例如按22矩形大小对原卷积矩阵分成若干个22大小的块,然后对于每个块只取其中的最大值,这样就可以使得维度降低为原来的1/4,而这就是max pooling方法,该方法的优点是减少了计算过程中参数的个数以及防止过拟合的产生。最后,经过的是MLP,方法类似,可以参考以前的博文(逻辑回归及感知器)。 总结一下,CNN就是将一幅图像经过一层又一层的编码过后