面试比较重基础! a、html部分: 内联标签、块级标签有哪些?两者的区别是什么?行内块元素有哪些? html5新增的语义化标签有哪些? b、CSS部分: 布局:position + flex 获取DOM元素的方法有哪些? 块级元素居中?水平垂直居中的方法?不知道元素宽高情况下,如何实现水平垂直居中 ...
分类:
其他好文 时间:
2019-07-28 17:46:45
阅读次数:
104
1. 块级元素--block <div></div> 区域标签。 <h1></h1> 标题标签。 <p></p> 段落标签。 <ul> <li></li> </ul> 无序列表标签,ul和li都是块级标签,ul是unordered list,表示其内的列表标签li是无序的。 <ol> <li></l ...
分类:
Web程序 时间:
2019-07-23 23:54:42
阅读次数:
251
1.首先,标签之所以有存在等级分类,是因为他们处于标准文档流(块级元素,行内元素,行内块元素)当中。 2.如何脱离标准文档流? 浮动 绝对定位 固定定位 这些可以让一个标签脱离标准文档流,而元素一旦脱离标准文档流,也就意味着不再受文档流的特性约束。 3.浮动 none:表示不浮动,默认为不浮动 le ...
分类:
Web程序 时间:
2019-07-21 13:46:31
阅读次数:
154
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
display值的作用分别是什么? none:元素隐藏,不占据位置 block:该元素显示为块级元素 inline:默认,该元素会被显示为内联元素 inline-block:行内块元素 list-item:该元素会作为列表显示 run-in:该元素会根据上下文作为块级元素或内联元素显示 table: ...
分类:
其他好文 时间:
2019-07-05 19:11:08
阅读次数:
86
好程序员分享CSS标签的分类、及显示模式,标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。 一、块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。常见的块元 ...
分类:
Web程序 时间:
2019-07-01 17:03:19
阅读次数:
140