margin

python集合的理解 */ /*--> */ python集合 python内置的集合两种 1. set():可变的、无序的、有限的集合，其元素是唯一的，不可变的(可哈希的)对象 2. frozenset():一种不可变的、可哈希的、无序的集合，其元素是唯一的不可变得(可哈希的)对象 frozenset（）对象具有不变性，它可以作为字典的键，也可以作为其他set()和frozenset()的元素，在一个set()或frozenset()中不能包换另一个普通的可变的set()。 创建集合的方法 调用set(),选择性的接受可迭代对象作为初始化参数，例如set([0,1,2])。 使用集合推导，例如{element for element in range(3)}。 使用集合字面值，例如{1,2,3} 集合的实质可以理解成空值的字典，字典有的方法，集合也都有，复杂度也与字典相同 来源： https://www.cnblogs.com/dcotorbool/p/8125186.html

1、居中问题 div里的内容，IE默认为居中，而FF默认为左对齐，可以尝试增加代码margin: 0 auto; 2、高度问题 两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中，下面的div会自动给上面的div让出空间所以为避免出现层的重叠，高度一定要控制恰当，或者干脆不写高度，让他自动调节，比较好的方法是 height:100%;但当这个div里面一级的元素都float了的时候，则需要在div块的最后，闭和前加一个沉底的空div，对应CSS是：.float_bottom {clear:both;height:0px;font-size:0px;padding:0;margin:0;border:0;line-height:0px;overflow:hidden;} 3、clear:both; 不想受到float浮动的，就在div中写入clear:both; 4、IE浮动 margin产生的双倍距离 #box { float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略 } 5、padding问题 FF设置 padding 后，div会增加 height 和

盒模型 一、 盒模型的概念和组成 盒子模型是CSS的基石,指定标签如何显示以及元素间相互关系； 页面上的每个元素都被当成一个矩形盒子,占据一定的页面空间,这个盒子由内容（ content ）、内边距（补白,填充, padding ）、边框（ border ）和外边界（ margin ）组成； 1）padding内填充 padding区域在border与content之间； 背景色和背景图像会覆盖padding和content组成的区域 ； padding的使用方法 padding,在设定页面中一个元素内容到元素的边缘(边框) 之间的距离。也称补白(内填充)。 用法： 1）用来调整内容在容器中的位置关系 2）用来调整子元素在父元素中的位置关系。 注：padding属性可以添加在父元素上。 3）padding值是额外加在元素原有大小之上的，如想保证元素大小不变，需从元素宽或高上减掉后添加的padding属性值。 属性值的4种方式： 四个值：上 右 下 左 {padding:10px 20px 30px 40px;} 三个值：上 左右 下 {padding:10px 20px 30px ;} 二个值：上下 左右 {padding:10px 20px ;} 一个值：四个方向 padding:2px; / 定义元素四周填充为2px / 说明：可单独设置一方向填充， 如：上方向 padding

!DOCTYPE html html head meta charset=“utf-8” / title></title style type=“text/css” html,body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dt,form,fieldset,legend,input,textarea,select{margin:0;padding:0;} body{font-size:16px;font-family: ‘微软雅黑’;} ul,ol,li{list-style:none;} h1,h2,h3,h4,h5,h6{font-size:16px;font-weight: normal;} b,strong{font-weight: normal;} i,em{font-style: normal;} a,u,ins{text-decoration: none;} img{border:0;display:block;} input,fieldset{outline: none;border:0;} .clear_fix:after{content:’.’; clear:both; height:0; overflow:hidden; display:block; visibility: hidden;} .clear_fix{zoom

通过本文你将学习如何使用Spring Boot和WebSocket API开发一个简单的群聊天应用。 WebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务器主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 很多网站为实现推送技术，所用技术都是Ajax轮询。轮询指的是在特定的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后服务器返回最新的数据给浏览器。这种传统的模式有很明显的缺点，即浏览器需要不断的向服务器发出请求，而HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，这样就会浪费很多资源。HTML5定义的WebSocket协议能更好的节省服务器带宽等资源，并能够实时地进行你通讯。 详情请看 HTML5 WebSocket 。 新建项目 打开IDEA，选择 Spring Initializer 填写好相关信息： 依赖选择 Spring Web 和 WebSocket 之后选择 Finish 即可。创建完毕后，项目目录结构如下： WebSocket配置 首先我们配置一下WebSocket端点和消息代理。在 com.andy.chat 包下创建一个名为

盒模型 1：什么是盒模型：盒模型是ccs布局的基石，它规定了网页元素如何显示以及元素之间的相互关系。css定义所有的元素都可以拥有像盒子一样的平面空间。即都包含内容区域、补白（填充）、边框、边界（外边距）这就是盒模型。 2盒模型的组成：content(内容区)+padding(填充区)+border(边框区)+margin(边框外界) content:元素的宽和高 3盒模型的作用：控制元素和元素之间，或者元素和内容之间的位置关系。 W3C的标盒模型和 4盒模型的分类 IE的怪异盒子模型 1）、盒子模型包括margin、padding、content、border，而W3C标准盒子模型的元素宽度width=content的宽度 而IE怪异盒子模型的元素宽度width=content+padding+border 两者区别 2）、IE的怪异盒子模型元素宽度的定义更能让人理解，W3C也 认识到了这一点，所以在css3中添加了一个样式box-sizing，它有两个属性，分别是content-box和border-box content-box：指元素的width=content+padding+border border-box：指元素的width=content 5 padding:作用：用来控制父元素和子元素之间的位置关系。用来控制元素和内容之间的位置关系的。 特点1

1.absolute与float的相同的特性表现 a.包裹性 b.破坏性:父元素没有设置高或宽，父元素的高或宽取决于这个元素的内容 c.不能同时存在 2.absolute独立使用，不与relative合用 * 超越overflow，无论是滚动还是隐藏 案例： html <div class="scroll"> <a href="javascript:;" class="close" title="关闭"></a> <img src="1.jpg"> <img src="2.jpg"> </div> css .scroll { width: 500px; height: 300px; margin: 200px auto 0; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.35); background-color: #fff; overflow: auto; } .close { position: absolute; width: 34px; height: 34px; margin: -17px 0 0 483px; background: url(images/close.png) no-repeat; } img { display: block; margin:

With the introduction of Qt Style Sheets, styling Qt widgets has become a lot simpler. Whether you just need to customize the look of an existing widget or design a whole new style from scratch, there is now an alternative to subclassing QStyle. What are Qt Style Sheets? Basic Style Sheet Syntax The Box Model Foregrounds and Backgrounds Creating Scalable Styles Controlling the Size Handling Pseudo-States Micro Customization using Subcontrols What are Qt Style Sheets? Qt Style Sheets are heavily inspired by HTML Cascading Style Sheets (CSS) but adapted to widgets. You can set a style sheet on