html块 1.块元素:另起一行显示--<h1> <p[> <ul> 2.内联元素:不会以以新行开始 <b> <a> <img> 3.<div>元素:也被称为块元素,其主要是组合html元素的容器 4.<span>元素:是内联元素,可作为文本的容器--<p><span>不加颜色</span>和p样式 ...
分类:
Web程序 时间:
2019-07-14 19:36:12
阅读次数:
104
一、css 样式 1.float 首先需要了解块级元素(block element)。每个块级元素都默认占用一行,在同一行只能添加一个块元素(float 除外)。块级元素一般可以嵌套块级元素或者行内元素,如使用 div 布局。 float 一般用于 div 布局的情形下,浮动的 div 可以向左或者 ...
分类:
Web程序 时间:
2019-07-13 22:41:30
阅读次数:
180
问题:一直好奇浮动和定位元素还有普通文档流元素的层叠顺序? 当没有指定z-index的时候, 所有元素都在会被渲染在默认层(0层) 根元素的背景和边界 位于普通流中的后代块元素按照它们在 HTML 中出现的顺序层叠 浮动块元素 常规流中的后代行内元素 后代中的定位元素按照它们在 HTML 中出现的顺 ...
分类:
其他好文 时间:
2019-07-08 19:47:01
阅读次数:
128
限制在一个块元素显示的文本的行数。 -webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性: display: -webkit-box ...
分类:
其他好文 时间:
2019-07-07 19:02:33
阅读次数:
155
一、例子: <body> <pre> pre 元素中的文本通常会保留空格 和 换行符, 而文本自身也会呈现为等宽字体。 </pre> </body> 二、说明: pre包住的内容如同word内容,不受HTML块元素行元素限制,文件格式进行修改,换行,字体等宽设置, 最后网页显示内容与word一样;《 ...
分类:
其他好文 时间:
2019-07-06 22:10:46
阅读次数:
136
直接看代码就能理解了 结果如下: 在top: 50%;和left: 50%;的基础上,通过设置margin-top: -50px;和 margin-left: -50px;,就能使得子部件的轴线和parent轴线重合 ...
分类:
其他好文 时间:
2019-07-06 17:30:12
阅读次数:
94
display值的作用分别是什么? none:元素隐藏,不占据位置 block:该元素显示为块级元素 inline:默认,该元素会被显示为内联元素 inline-block:行内块元素 list-item:该元素会作为列表显示 run-in:该元素会根据上下文作为块级元素或内联元素显示 table: ...
分类:
其他好文 时间:
2019-07-05 19:11:08
阅读次数:
86
之前设置多个div横排显示都会使用float:left,这样使div脱离了文档流,不容易控制,不管是设置margin-left还是position,left都不会有效果。 后来我尝试了使用display:inline-block,这样就可以使用marginLeft来控制多个div之间的间距了。 ...
分类:
Web程序 时间:
2019-07-03 10:46:59
阅读次数:
354
好程序员分享CSS标签的分类、及显示模式,标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。 一、块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。常见的块元 ...
分类:
Web程序 时间:
2019-07-01 17:03:19
阅读次数:
140
标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。 一、块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。 常见的块元素有<h1>~<h6>、<p>、<div ...
分类:
Web程序 时间:
2019-06-30 00:08:44
阅读次数:
196