HTML&CSS常见问题整理(二)

时间:2022-11-10 23:04:39

21.写出下列CSS命令的最简写法?

HTML&CSS常见问题整理(二)

可写为margin:20px 20px 50px 20px;或者margin:20px 20px 50px

22.我们用hack调兼容时,用到如下命令div{height:300px;*height:400px;_height:500px;},在IE6里div显示高度是多少,火狐里显示高度是多少?

IE6里显示是400px,火狐里显示是300px

23.三层嵌套用在什么地方最合适,有什么优点:

有圆角边框不固定宽度同时兼容ie的时候

24.背景图合并用在什么地方最适合,有什么优点

当一个网站要加载大量icon(小图标)时,我们会把它合并成sprite(图片拼接),目的是为了减少HTTP请求次数,这样做既能减少页面加载时间,又可以减轻服务器的负载。

25.页面如何在浏览器里达到聚众,并且左右自适应?

margin:0 auto;

26.HTML5版本类型声明怎么写,有什么用?

HTML&CSS常见问题整理(二)

27.XHTML1.0版本你知道吗,跟html5版本有什么区别?

XHTML1.0是XML风格的HTML4.01
XHTML1.1主要是初步进行了模块化
HTML5是下一代HTML,取代HTML4.01

w3c原本确实计划用XHTML系列替代HTML4.01,但XHTML系列实际上只活到了1.1(1.1和夭折的1.2已经体现出过分XML的迹象,而w3c的理想其实在疯狂的XHTML2身上,当然,他没能诞生),还没有脱离HTML4.01的阴影就死了
还没等XHTML兴起,他的地位就被HTML5取代了。

28.书写ol、ul、table的嵌套规范

参考http://www.5icool.org/a/201308/a2081.html

29.前端页面有哪三层构成,分别是什么?作用是什么?

分成:结构层、表现层、行为层

结构层由HTML或XHTML之类的标记语言负责创建。标签,也就是那些出现在尖括号里的单词,对网页内容的语义含义做出了描述,但这些标签不包含任何关于如何显示有关内容的信息,例如,p标签表达了这样一种语义:“这是一个文本段”

表现层由CSS负责创建。CSS对“如何显示有关内容”的问题作出了回答

行为层负责回答"内容应该如何对事件作出反应”这一问题,则是JavaScript和dom主宰的领域

30.img的alt和title有什么区别?

alt是图片加载失败时,显示在网页上的替代文字,title是鼠标放上面时显示的文字

31.HTML代码的书写规范有哪些?

32.浏览器的调试工具有哪些?都有哪些功能?

33.table的合并边框属性是什么?跨行是什么?跨列是什么?

合并边框“cellspacing” 跨行“rowspan”跨列“colspan”

34.CSS是什么?有什么用处?

层叠样式表示一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言

CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

35.你知道less,sass这些东西吗(小米)

CSS预处理器技术已经非常的成熟,而且也涌现出了越来越多的CSS的预处理器框架,最为普遍的三款CSS预处理器框架,分贝时Sass、Less CSS、Stylus。CSS预处理器是一种语言用来为CSS增加一些编程的特性,无需考虑浏览器的兼容问题,例如你可以在CSS中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的CSS更简洁,适应性更强,代码更直观等诸多好处。

36.解释W3C

万维网联盟创建于1994年,是web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南。

如广为业界采用的超文本标记语言(标准通用标记语言下的一个应用)、可扩展标记语言(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web内容的信息无障碍指南(WCAG)等。

有效促进了Web技术的互相兼容,对互联网技术的发展和应用祈祷了基础性和根本性的支撑作用。

37.页面重构

网站重构不是一种技术,不是div+css,更不是标准,网站重构是一种思想,是一种理念。

引用WebReBuild.ORG的话:当前国内的同行普遍的认为:所谓的网站重构就是“DIV+CSS",想法固然极度局限。但也不说另一部分的人认为是”XHTML+CSS",因为“XHTML+CSS"只是页面重构。真正的网站重构理应包含结构、行为、表现三层次的分离以及优化,行内分工优化、以及以技术与数据、人文为主导的交互优化等。

重构网站现充狗人,重构你的理念,不要光追求技术,追求还原设计稿,追求浏览器的兼容性,重要的是基础和理念。当你真正理解什么是网站重构的时候网站重构也就真正开始了。

38.div+css与table布局的有何区别?

div+css:布局简洁明了、使用方便,相对于表格来说更容易搜索的到,优化程度更高。不易出现错误或者不可控,样式繁多,易控易修改。

table:表格布局不建议使用,这个算是快要被淘汰的一种布局方式。布局不容易调整和规划。容易失控。大部分都不能使用太多样式。

39.后台编码格式不是UTF-8怎么办?

统一编码格式

40.一个CSS文件如果过大的话,加载会很慢,占用过大带宽,如何解决?

去除空格和换行,压缩css代码

尽量使用简写,缩减代码

将css文件分为多个文件