BFC(Block Formatting Context)块级格式化上下文。它是一个独立的渲染区域。 它决定了块级元素如何对它的内容进行布局,以及与其他元素的关系和相互关系。 块级元素:父级(是一个块元素) 内容:子元素(是一个块元素) 其他元素:与内容同级别的兄弟元素 相互作用:BFC里的元素与外 ...
分类:
其他好文 时间:
2018-05-14 13:46:48
阅读次数:
193
一、A,B :任意选择器 A or B 二、A B:后代选择器,A 标签下的所有B 三、A>B:子选择器,仅仅儿子级别会选中. 四、A+B:毗邻选择器,仅仅相邻的同级别(兄弟sibling)第一个会选中. 注意:1、块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内 ...
分类:
Web程序 时间:
2018-05-13 00:34:49
阅读次数:
236
块级元素与行内元素 首先谈谈人们经常提及的块级元素和行内(内联)元素 p, ul, form, div等元素被称为块级元素,这些元素显示为一块儿内容(会自动换行),span, input 等元素称为行内元素,这两者主要区别就是块级元素会从上到下一个个垂直排列,每个自占一行 而行内元素在一行中水平排列 ...
分类:
Web程序 时间:
2018-05-12 13:51:01
阅读次数:
180
元素分类及特点: 1.块级元素: 在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。块级元素特点: (1)、每个块级元素都从新的一行开始,并且其后的元素也另起一行;(一个块级元素独占一行) (2)、元 ...
分类:
Web程序 时间:
2018-05-10 14:29:12
阅读次数:
185
1. 文字水平居中是 text align: center 2. 盒子水平居中 左右margin 改为 auto 2.1 必须是块级元素 2.2 盒子必须制定了width ...
分类:
Web程序 时间:
2018-05-08 23:58:40
阅读次数:
356
.visible-**-block 元素在**设备上以块级元素显示;.visible-**-inline 元素在**设备上以行元素显示;.visible-**-inline-block 元素在**设备上以行内块元素显示;.hidden-** 在**设备上隐藏;(在其他设备上显示).container ...
分类:
其他好文 时间:
2018-05-07 17:46:31
阅读次数:
568
在平时做项目的时候,有些时候会发生margin重叠的现象,但这种情况并不是一直都会发生,那到底什么时候会发生margin重叠呢。在网上搜索了一些资料,大致做了一些整理。 首先,会发生margin重叠的肯定是同一个BFC内的块级元素,例如div、ul等,不是块级元素不会发生重叠。(内联元素是不能设置高 ...
分类:
其他好文 时间:
2018-05-05 00:26:04
阅读次数:
287
浮动 1.什么是浮动 *使用元素向目标位置移动 2.display属性: block:块级元素的默认值 lnline:内联 lnline-block:行内块元素 none:无 3.浮动 float属性: clear:清除浮动 ...... ...
分类:
其他好文 时间:
2018-05-04 01:43:22
阅读次数:
142
1.CSS3制作网页动画 (1)变形简介 ①CSS通过transform实现变形,它可以作用在块级42元素和行内元素,作旋转、缩放、移动 ②语法:transform:[transform-function] transform-function:设置变形函数,可以是一个或多个,多个使用空格隔开 (2 ...
分类:
其他好文 时间:
2018-05-04 01:40:07
阅读次数:
165
简介 根据 "外在盒子" 是内联还是块级我们可以把元素分为内联元素和块级元素,而根据是否具有可替换内容,我们也可以把元素分为替换元素和非替换元素。这种通过修改某个属性值,例如 <img> 的 "src" 属性,<input> 的 "type" 属性,呈现的内容就可以被改变的元素称为替换元素,例如:< ...
分类:
Web程序 时间:
2018-05-03 12:46:15
阅读次数:
814