语义化元素(了解):只是将元素语义化,实际上只是一个块级元素,没有其它特性 媒体元素:audio与video的属性一致 如果浏览器不支持视频的播放格式,那可以使用<source>标签来指定多个视频格式,浏览器会依次寻找支持的格式来播放(只播放一个) ...
分类:
Web程序 时间:
2020-05-19 18:33:34
阅读次数:
60
定位模式 static 静态定位-> 几乎不用 relative 相对定位 1 相对于原来在标准流中的位置来说的; 2 在原来标准流的区域继续占有,后面盒子仍然以标准流方式对待它, 后面盒子不会动 相对定位 水平居中方法: (1) margin : 0 auto; absolute 绝对定位: 是元 ...
分类:
Web程序 时间:
2020-05-18 14:36:21
阅读次数:
85
BFC概念:浮动元素和绝对定位元素,非块级盒子的块级容器 ,以及overflow值不为“visiable”的块级盒子,都会为他们的内容创建新的BFC(块级格式上下文) 补充概念: 浮动元素:float脱离文档流,相对于父元素显示;后面的块级元素和内联元素相对浮动元素,边框和背景忽略浮动元素;【块级元 ...
分类:
其他好文 时间:
2020-05-13 15:21:02
阅读次数:
74
元素种类分类 标签按照元素种类可以分为行内元素(display: inline);,块级元素(display:block)和行内块级元素(display:inline block)三种。了解元素种类有利于,我们进行 布局及属性的使用。 行内元素 也叫内联元素或内嵌元素,只能容纳文本或其他内联元素。 ...
分类:
其他好文 时间:
2020-05-11 18:22:05
阅读次数:
51
Web前端面试题目汇总 一、HTML/CSS部分 1.什么是盒子模型? 盒子模型包含内容(content)、内边距(pandding)、外边距(margin)和边框(border)四部分 。 2.行级元素有哪些?块级元素有哪些? 空(void)元素有那些? (1)行级元素 特点:a.可以和其他元素处 ...
分类:
Web程序 时间:
2020-05-06 13:53:16
阅读次数:
77
1 能用HTML和CSS完成的不用JS。 css优先级: !important > 行内样式 > id > 类 > 标签 > 继承 2 块级元素,内联元素和行内块元素: 1 行内元素只能设置水平方向的内外边距,默认显示本身内容的宽度。 2 块级元素默认显示宽度是容器的100%, 3 行内块元素包括i ...
分类:
Web程序 时间:
2020-05-02 22:53:56
阅读次数:
74
清除浮动原因 前端布局用的最多的是float:脱离文档流,浮动起来。浮动的框可以左右移动,直到遇到另一个浮动框或者遇到外边缘的包含框(BCF)。正是因为当元素浮动之后,不会影响块级元素的布局,只会影响内联元素布局,会造成父级元素高度坍塌。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当 ...
分类:
其他好文 时间:
2020-05-02 10:02:23
阅读次数:
54
行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽度。 块级元素: 霸占一行,不能与其他任何元素并列; 能接受宽、高。如果不设置宽度,那么宽度将默认变为父亲的100% 块级元素可以转换为行内元素: 一旦,给一个块级元素(比如div)设置: display: inline; 那 ...
分类:
Web程序 时间:
2020-04-21 14:49:23
阅读次数:
82
网页布局方式 1.什么是网页的布局方式? 就是浏览器如何对网页中的元素进行排版. 2.标准流(文档流/普通流)排版方式 浏览器默认的排版方式就是标准流排版方式 在CSS中将元素分为三类, 分别是块级元素 行内元素 行内块级元素 标准流中有两种排版方式,一种是垂直排版 一种是水平排版 垂直排版如果元素 ...
分类:
Web程序 时间:
2020-04-20 11:55:02
阅读次数:
68
inline(默认)— 内联 none — 隐藏 block — 显示、块级元素(单独占一行) inline-block — 行内块元素(不占整行) table — 表格显示 list-item — 项目列表 ...
分类:
其他好文 时间:
2020-04-17 18:49:20
阅读次数:
206