border

CSS3属性

由 ≡放荡痞女 提交于 2020-03-01 02:03:26
字体属性 font font:字体风格[字体加粗]<字体大小>[/行高]<字体族科> font-family 字体族科 宋体|微软雅黑 font-family:"Arial","Helvetica",sans-serif; font-size 字体大小 font-style 字体风格 normal | italic | oblique (斜体) font-weight 字体加粗 normal | bold | lighter font-variant 字体变形 normal | small-caps 文字颜色 color 设置文字颜色 常用 color ： # 两位 16 进制表示 文本属性 letter-spacing 字母间隔 值为长度，可以是负值 word-spacing 词的间距(通过空格识别) text-decoration 文字修饰 underline overline line-through none(默认) text-align 横向排列 left | right | center vertical-align 垂直对其方式 baseline： 将支持valign特性的对象的内容与基线对齐 sub： 垂直对齐文本的下标 super： 垂直对齐文本的上标 top： 将支持valign特性的对象的内容与对象顶端对齐 text-top：

蛮力法，突突就完了！凸凸凸凸凸 ------- ┳═┻︻▄ | Python蛮力法解决凸包问题并用matplotlib实现可视化

由 随声附和 提交于 2020-02-29 21:30:32
话不多说，能进来看我这篇文章的，肯定都知道凸包问题是啥问题，我就不仔细介绍了，这是它的 百度百科 。 然后说说这玩意怎么搞： 说说我的思路： 既然说是蛮力法，那么就不考虑那么多花里胡哨的东西，直接暴力上： 先随机生成N点集： def rand_point_set ( n , range_min = 0 , range_max = 101 ) : """ 随机生成具有 n 个点的点集 :param range_max: 生成随机点最小值，默认 0 :param range_min: 生成随机点最大值，默认 100 :param n: int :return: list [(x1,y1)...(xn,yn)] """ try : return list ( zip ( [ random . uniform ( range_min , range_max ) for _ in range ( n ) ] , [ random . uniform ( range_min , range_max ) for _ in range ( n ) ] ) ) except IndexError as e : print ( "\033[31m" + '' . join ( e . args ) + "\n输入范围有误！" + '\033[0m' ) 将这个点集[(x1,y1),(x2,y2)…

CSS清除浮动大全共8种方法

由 断了今生、忘了曾经 提交于 2020-02-29 19:20:34
清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 下面总结8种清除浮动的方法（测试已通过 ie chrome firefox opera，后面三种方法只做了解就可以了）： 1，父级div定义 height 代码如下: <style type="text/css"> .div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .left{float:left;width:20%;height:200px;background:#DDD} .right{float:right;width:30%;height:80px;background:#DDD} </style> <div class="div1"> <div class="left">Left</div> <div

CSS3 box-sizing 属性

由 心已入冬 提交于 2020-02-29 18:34:11
box-sizing ：content-box|border-box|inherit; 默认值 ：content-box 适用于 ：所有接受 width 和 height 的元素 继承性 ：无 padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding ) 此属性表现为标准模式下的盒模型。 border-box： padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width ) 此属性表现为怪异模式下的盒模型。 示例： content-box: .test1{ box-sizing:content-box; width:200px; padding:10px; border:15px solid #eee; } border-box: .test2{ box-sizing:border-box; width:200px; padding:10px; border:15px solid #eee; } 来源： https://www.cnblogs

层的移动,使用了jquery

由 寵の児 提交于 2020-02-29 16:50:06
直接上代码. <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < title > Sales Information System </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" > < style type ="text/css" > body { } { margin : 0px 0px 0px 2px ; padding : 0 ; text-align : left ; width : 100% ; height : 100% ; } .report { } { margin : 0 ; padding : 0 ; border-collapse : collapse ; width : 1033px ; } .report .bodyen { } { margin : 0 ; padding : 0 ; font-family :

一个很实用的css技巧简析

由 筅森魡賤 提交于 2020-02-29 13:34:38
我是小雨小雨，专注于更新有趣、实用内容的小伙，如果内容对大家有一点帮助，那么就请动动手指，给个关注、点赞支持一下吧。 ^ - ^ 序言 前两天接到一个需求，其中包括一个有序的列表，我们今天就来看看这个有序怎么做更方便、简单。 当然，这个功能很简单： 可以手动写死... 可以循环插入dom，用索引做前缀。原生循环或者利用框架的循环 也可以用三行搓手手(css)自动计数 今天主要说说如何用css来计数 原理与介绍 原理很简单，利用伪元素的content + counter()/counters() + counter-reset + counter-increment计数四剑客即可，但是咱们需要先了解一下这几个属性是什么，才能得心应手！ content(): 用于向伪元素中插入元素 counter-reset: 设置命名计数器，可设置多个。格式为 (计数器名称 初始值) (计数器名称 初始值) ... counter-increment: 用于增加某个计数器的值，可指定增加的具体值，可设置多个，格式同上。 counter系列(支持ie8以上) 可能看完死板的定义，还不能立马理解改如何做，所以这边画了个图： 以码为兵，驰马试剑 咱们看两个示例，加深一波理解。 首先是counter(): <!DOCTYPE html> <html lang="en"> <head> <meta

20130907.Git学习记录

由 亡梦爱人 提交于 2020-02-29 08:48:16
<div><strong>1、任何文件在Git内都只有三种状态：</strong></div><blockquote style="MARGIN-RIGHT: 0px" dir=ltr> <div><font color=#ff0000>①已提交（committed）：</font>已提交表示该文件已经被安全地保存在本地数据库中了；</div> <div><font color=#ff0000>②已修改（modified）：</font>已修改表示修改了某个文件，但还没有提交保存；</div> <div><font color=#ff0000>③和已暂存（staged）：</font>已暂存表示把已修改的文件放在下次提交时要保存的清单中。</div></blockquote><div>由此我们看到Git管理项目时，文件流转的三个工作区域：Git 的本地数据目录，工作目录以及暂存区域。</div><div> </div><div><strong>2、先决条件：</strong></div><div>1）在GitHub上面注册一个账号并激活</div><div>2）安装windows下的git客户端如msysgit</div><div> </div><div>*****************************华丽的分割线*****************************

CSS3 border-image详解、应用及jQuery插件

由 ♀尐吖头ヾ 提交于 2020-02-29 06:16:45
一、border-image的兼容性 border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅 Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息 了，Firefox3及其以下以及Opera浏览器也可以休息去看《阿凡达》了。所以，本文提供的一些demo页面，要在 Firefox3.5+，chrome或Safari3+浏览器下才可以看到效果。 二、熟悉border-image的一些特性 我们可能对于CSS2中的background属性比较熟悉，例如： background:url(xx.jpg) 27px no-repeat; 指代的是图片(url(xx.jpg))，位置(27px)，重复性(no-repeat)。 border-image于此类似，border-image包括图片，剪裁位置（与background位置一样，也是数值，也支持百分值），重复性。例如： border-image:url(border.png) 27 repeat; ，指的就是图片(url(border.png))，剪裁位置(27)，重复方式(repeat)。试着对比background，这有助于border-image属性的记忆。 具体描述border

swing-CompoundBorder

由 混江龙づ霸主 提交于 2020-02-29 02:15:50
一个复合 Border 类，通过将内部 Border 对象嵌套到外部 Border 对象的 insets 中实现将两个 Border 对象合并为一个单个边框。例如，此类可使用现有的装饰边框向组件添加空白边缘区域： 效果图如 2条边框之间的空白区域就是 margin，可以调整2条边框之间的距离。 Border border = comp.getBorder(); Border margin = new EmptyBorder(10,10,10,10); comp.setBorder(new CompoundBorder(border, margin)); 来源： oschina 链接： https://my.oschina.net/u/200838/blog/41048

outline使用方法,outline与border的区别

由 走远了吗. 提交于 2020-02-28 22:25:56
在浏览器里，当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候，该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是 outline 。 outline 能告诉用户那一个可以激发事件的html元素获取了焦点，对钟爱键盘操作的用户尤其有意义。一个清晰悦目的outline设计能提高使用表单的用户体验。 另一方面，outline 也有些讨厌的地方，比如使用CSS设计的Tab(标签页)时，选择一个Tab之后，Tab上的轮廓虚线会一直显示，有些影响美观。 CSS 的 outline 属性允许我们改变这个默认的轮廓虚线框效果。其配套的相关属性包括： outline outline-width outline-style outline-color outline-offset 其中第一个 outline 是速写(shorthand)形式，格式为： outline: outline-color || outline-style || outline-width 如果想让链接获取到焦点时更醒目，可以设置轮廓线条为红色，outline 属性的设计可能如下： a { outline-color: red; } 而如果想去掉影响美观的Tab上的轮廓线条，outline属性可如下设置： .active-tab { outline: none; ...... /* other
订阅 border