一、水平居中设置-行内元素 如果需要让一个行内元素居中，则需要对其父元素设置：text-align。换句话说，如果一个元素（块级）要使其内容（内容可能是文本也可能是行内子元素），则需要对这个块级元素设置text-align:center。 二、水平居中设置--块级元素 text-align属性的设置 ...
分类：
Web程序 时间：
2017-12-03 00:34:40
阅读次数：
191
1.div和span DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式 DIV和SPAN的区别在与，span是内连元素，div是块级元素 2.盒模型 margin:盒子外边框 padding:盒子内边框 border:盒子边框宽度 width:盒子宽度 heigh ...
分类：
Web程序 时间：
2017-11-28 01:22:00
阅读次数：
237
很多时候我们在给height设置百分比的时候不起作用， 这时候就要来谈谈什么情况下才起作用了 1）所有父级元素必须有高度； 2）必须是块级元素，行内元素不起作用； 3）ie9 以下 使用 position:ralative 的块级 元素使用 高度百分比是无效的。 满足这几个条件，不起作用都难 ...
分类：
其他好文 时间：
2017-11-22 20:02:56
阅读次数：
162
一、文档流 网页默认的定位方式 1.行级元素： 从左到右 2.块级元素： 从上到下 文档流的流动方式 从右下 到 左上 ↖ 二、浮动 1、浮动的定义 ， 是元素脱离文档流 遇到父级边界 或相邻浮动元素 停止 2、特点 a）浮动元素不会超过父元素的边框 b) 浮动元素默认不会重叠 c）浮动元素只能左右 ...
分类：
Web程序 时间：
2017-11-21 22:15:16
阅读次数：
193
css居中 1. 行内元素居中 只针对行内元素居中的话，如文字，按钮等inline显示模式的元素，居中方法可给其父元素添加text align即可，如果块级元素被设置成inline的话，也是适用的，但在收到float影响时会失效。 2. 块级元素居中 定宽块级元素居中 如果块级元素的宽度固定可给其设 ...
分类：
Web程序 时间：
2017-11-21 14:56:38
阅读次数：
152
1、显示内容 display: block; 用在内联元素中设置时，是把内联元素转换成具有块级元素的属性，可设置宽高 2、内容消失，不会占据文档流空间 display: none; display: block; 让消失的内容在显示，可以把内联转为块级，会独占一行。 3、变成带“块级内联元素” di ...
分类：
其他好文 时间：
2017-11-20 23:24:37
阅读次数：
160
一、背景色 background不能继承，其默认值是transparent（透明的），即在某元素未设置background-color时其默认为透明背景，即这时候如其父元素背景设置了则可见。 二、文本 1、文本缩进： 一般对于块级元素都可以应用text-indent，而行内元素无法应用。缩进的单位一 ...
分类：
Web程序 时间：
2017-11-19 23:40:06
阅读次数：
392
html的文档流： 元素排版布局的过程：块级元素：从上至下；行内元素：从右至左。 脱离文档流： 方式：postion和float 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行 ...
分类：
Web程序 时间：
2017-11-19 12:33:59
阅读次数：
185
参考：https://www.w3cplus.com/css/centering-css-complete-guide.html 一.水平居中 1.行内元素： text-align:center即可 2.块级元素【固定宽度】： (1).一个固定宽度的块级元素，使用margin:0 auto即可 (2 ...
分类：
其他好文 时间：
2017-11-17 17:31:09
阅读次数：
152
<body>内常用标签 1、<div>和<span> <div></div> ： <div>只是一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现. <span></span>： <span>表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现. 块级元素与 ...
分类：
Web程序 时间：
2017-11-14 14:38:19
阅读次数：
243
