28
2020
09

如何实现中间div宽度固定,两端div自适应宽度?说出2种方法

float法通过使两边的div左右浮动,脱离文档流,再为中间的div设置margin-left,margin-right值为左右div的宽度即可.此处应该注意的是中间div在代码中的位置,应该放在最后。存在问题:在屏幕宽度减少至一定程度后,右边div会错位,另起一行。/*float法*/.float .left {    float: left;    height: 200px;}.float .center {    margin:
28
2020
09

什么是DIV高度塌陷?,如何解决?

如果父元素只包含浮动元素,且父元素未设置高度和宽度,那么它的高度就会塌缩为零,也就是所谓的“高度塌陷”。解决“高度塌陷”问题的方法:1.浮动父级元素,父级元素的高度就会扩大,直到完全包含它里面的浮动元素。如果使用这种方法,一定要在该元素的下个元素添加clear:both,确保浮动元素落到父级元素的下方。2.使用overflow:hidden,zoom:1,overflow:hidden属性会强制父级元素扩大到包含浮动元素,zoom:1只是触发IE6的hasLayout模式,不会对其他浏览器产生影
28
2020
09

什么是FOUC?如何解决?

如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC。原因大致为:1,使用import方法导入样式表。 2,将样式表放在页面底部 3,有几个样式表,放在html结构的不同位置。其实原理很清楚:当样式表晚于结构性html加载,当加载到此样式表时,页面将停止之前的渲染。此
28
2020
09

如何实现垂直居中?

为实现良好的兼容性,PC端实现垂直居中的方法一般是通过绝对定位,table-cell,负边距等方法。 // HTML结构:<div class="box box1">    <span>垂直居中</span></div>方法1:table-cell// CSS:.box1{    display: table-cell;    vertical-align:
28
2020
09

HTML5为什么只需要写就可以了?

doctype是documenttype(文档类型)的简写,在页面中,用来指定页面所使用的xhtml(或者html)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就 是doctype声明。只有确定了一个正确的doctype,xhtml里的标识和css才能正常生效。 html 告诉浏览器这个文件是html格式网页文件两个合起来就是 html5标准网页声明,原先的是一串很长的字符串,现在是这个简洁形式,支持html5标准的主流浏览器都认识这个声明。
17
2020
04

如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?

处理兼容问题有两种方式:1.IE8/IE7/IE6支持通过document.方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签。 2.使用是html5shim框架另外,DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素,此外,还可以根据新增的结构、功能元素来加以区分。
17
2020
04

HTML5有哪些新特性?移除了哪些元素?如何处理新标签的浏览器兼容性问题?如何区分HTML和HTML5?

HTML5已形成了最终的标准,概括来讲,它主要是关于图像,位置,存储,多任务等功能的增加。新增的元素有绘画 canvas ,用于媒介回放的 video 和 audio 元素,本地离线存储 localStorage长期存储数据,浏览器关闭后数据不丢失,而sessionStorage的数据在浏览器关闭后自动删除,此外,还新增了以下的几大类元素。内容元素,article(定义外部的内容。)、footer、header、nav、section(内容)。 表单控件,calendar(日历)、da
17
2020
04

HTML5为什么只需要写就可以了?

doctype是documenttype(文档类型)的简写,在页面中,用来指定页面所使用的xhtml(或者html)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就 是doctype声明。只有确定了一个正确的doctype,xhtml里的标识和css才能正常生效。 html 告诉浏览器这个文件是html格式网页文件 两个合起来就是 html5标准网页声明,原先的是一串很长的字符串,现在是这个简洁形式,支持html5标准的主流浏览器都认识这个声明。
17
2020
04

什么是语义化的HTML?

语义化的HTML就是写出的HTML代码,符合内容的结构化(内容语义化),选择合适的标签(代码语义化),能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。优点:    1.语义化有利于SEO(网站推广),有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。    2.在没有CSS的时候能够清晰的看出网页的结构,增强可读性。    3.便于团队开发和维护,语义化的HTML可以让开发者更容易
17
2020
04

什么是CSS Hack,作用是什么?

CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的。作用:CSS hack用来解决有些css属性在不同浏览器中显示的效果不一样的问题。