以前网页中的局都是使用浮动来实现的。而浮动在css中是一个挺难理解的概念，这次再巩固一下，float的具体使用事项。 1.行内元素和块元素的区别？ 行内元素（img,span）和其他非块元素在同一行显示。vs 块级元素（div，p）独占一行 行内元素设置width无效（具体多宽由内部内容确定）（im ...
分类：
Web程序 时间：
2018-10-15 23:15:40
阅读次数：
242
一.html标签又叫做html元素，它分为块级元素和内联元素（也可以叫做行内元素），都是html规范中的概念。1.块级元素块级元素是指本身属性为display:block;的元素。因为它自身的特点，我们通常使用块级元素来进行大布局（大结构）的搭建。 块级元素的特点：独占一行，从上到下排布可设宽度、高 ...
分类：
Web程序 时间：
2018-10-14 16:51:39
阅读次数：
186
1、 两种自动把行内元素变成块级元素的方法，即使元素inline属性变成inline-block属性：1.给行内元素设置position:absolute/fixed;2.让行内元素浮动，即float;此时便可以对其设置width,height,相当于display:inline-block,但优先 ...
分类：
其他好文 时间：
2018-10-14 16:19:46
阅读次数：
236
可以通过 <div> 和 <span> 将 HTML 元素组合起来。 1、HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素。 编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。 块级元素在浏览器显示时，通常会以新行来开 ...
分类：
Web程序 时间：
2018-10-13 18:10:28
阅读次数：
218
背景 块级元素宽度默认值为100%，而不是auto;因此其宽度不会根据子元素内容动态适应。 如何实现父级元素宽度动态适应其子元素。 方法一 display:inline; 给块级元素设置inline block值。 方法二 绝对定位元素 给块级元素设置position：absolute/fixed; ...
分类：
Web程序 时间：
2018-10-13 14:49:29
阅读次数：
3446
在理解定位之前，先说一个概念，文档普通流，就是元素标签正常在HTML里的顺序，块级元素从上至下排列，行内元素从左到右排列。 绝对定位 绝对定位：absolute，元素相对于离它最近的已定位祖先元素进行移动，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（一般是HTML元素，也可能是画布 ...
分类：
其他好文 时间：
2018-10-13 11:38:07
阅读次数：
182
所有属性详见MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display 常用的有： none；隐藏元素，不渲染，不占用空间； inline；指定元素为内联元素 block；指定元素为块级元素 inline-block；元素类似于置换元 ...
分类：
其他好文 时间：
2018-10-12 11:10:58
阅读次数：
276
禁用默认行为可以使拖动行为更加流畅，如a标签 块级元素不是指拥有display:block声明的元素 块级元素具有的换行特性，它们都可以使用clear来清除浮动带来的效果 display:inline-block实际上是两个容器，外在容器负责布局，内在容器负责大小 width深入 inline-bl ...
分类：
Web程序 时间：
2018-10-12 01:27:40
阅读次数：
214
1 选择器的优先级 选择器的优先主要考虑选择器的权重 可以将各种选择器的权重以数值来表示，数值越大，优先级越高 复杂选择器优先级的计算： 1 群组选择器不参与计算 后代和子代选择器，各种选择器权值 2 伪类选择器的权值与类选择器保持一致，都是10 2 尺寸单位 1 。px ：像素单位，浏览器默认单位 ...
分类：
Web程序 时间：
2018-10-10 19:14:12
阅读次数：
233
行类元素 em i span a big stong b input textarea 1.不会独占一行 2.排列方式为从左到右 3.设置高宽没有作用 4.不设置高宽是其本身的高宽 5.行内元素不能嵌套块级元素(特殊a) 块级元素 p div nav ul li table 1.会独占一行 2.排列 ...
分类：
其他好文 时间：
2018-10-09 21:47:46
阅读次数：
322
