HTML5
H5的新增标签
Warriorkris0816
这个作者很懒,什么都没留下…
展开
-
png,jpg,gif这些图片格式解释一下,分别什么时候用,webp呢?
1.gif图形交换格式,索引颜色格式,颜色少的情况下,产生的文件极小,支持背景透明,动画,图形渐进,无损压缩(适合线条,图标等),缺点只有256种颜色2.jpg支持上百万种颜色,有损压缩,压缩比可达180:1,而且质量受损不明显,不支持图形渐进与背景透明,不支持动画3.png为替代gif产生的,位图文件,支持透明,半透明,不透明。不支持动画,无损图像格式。Png8简单说是静态gif,也只有25...原创 2020-03-11 20:14:18 · 1286 阅读 · 0 评论 -
HTML中的空元素?
HTML元素的内容是开始标签与结束标签之间的内容。某些 HTML 元素具有空内容。含有空内容的HTML元素,就是空元素。常见空元素不常用的空元素原创 2020-03-11 20:07:02 · 237 阅读 · 0 评论 -
为什么使用浮动?如何清除浮动?
浮动布局和定位布局为css中布局的常用的两种布局方式,而且兼容性会比较好。随着flex的流行,以后会是主流,新的东西好用,兼容不太好。IE10以下不兼容flex布局。为什么会使用浮动?一开始出现浮动只是为了解决文字环绕图片问题,但最后是为了解决几个块级元素并排显示问题,虽然可以使用定义块级元素的display为inline-block(这种方式也不会出现父级元素坍塌问题)但是这种方式不能控制元...原创 2020-03-11 12:42:12 · 357 阅读 · 0 评论 -
什么是BFC?
BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。在解释什么是BFC之前,我们需要先知道Box、Formatting Context的概念。Box:css布局的基本单位Box 是 CSS 布局的对...原创 2020-03-11 12:31:22 · 144 阅读 · 0 评论 -
ECMAScript 和JavaScript是什么?两者之间的关系是什么?
本质上都跟一门语言有关,一个是语言本身的名字,一个是语言的约束条件只不过发明JavaScript的那个人(Netscape公司)把东西交给了ECMA(European Computer Manufacturers Association)这个人规定一下他的标准,因为当时有java语言了,又想强调这个东西是让ECMA这个人定的规则,所以就这样一个神奇的东西诞生了,这个东西的名称就叫做ECMAScr...原创 2020-03-11 12:21:47 · 592 阅读 · 0 评论 -
媒体查询使用方法@media
Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中,但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。@media 媒体类型and (媒体特性){你的样式}注意:使用Media Queries必须要使用“@media”开头,然后指定媒体...原创 2020-03-11 12:18:48 · 224 阅读 · 0 评论 -
前端常见的浏览器兼容性问题?
市场上浏览器种类很多,不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种,一是渲染引擎,另一个是js 引擎,内核更加倾向于说渲染引擎。常见的浏览器内核:常见的浏览器内核可以分四种:Trident、Gecko、Blink、Webkit常见的兼容性问题:1、不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同解决方案: ...原创 2020-03-10 19:52:21 · 161 阅读 · 0 评论 -
前端pc端和移动端的区别?
1、兼容性pc端需要考虑浏览器兼容性,移动端主要考虑屏幕分辨率和不同系统的兼容性。2、页面布局PC端常用布局固定宽度980px居中,移动端屏幕的大小和分辨率不同,多用响应式布局,使用em(以父元素为基础)、rem(以根元素为基础)。3、JS动画移动端没有hover事件、增加了touch和touchSlide事件,需要处理键盘跳出与隐藏。考虑到性能,移动端使用的js库应尽量小。4、开发调...原创 2020-03-10 18:27:56 · 1693 阅读 · 0 评论 -
HTML5的新标签
搜索原创 2020-03-08 20:14:28 · 198 阅读 · 0 评论