web前端试题

[color=red]一，CSS引入的方式有哪些? link和@import的区别是? [/color]
引入方式：

1，使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。

2，使用STYLE标签： 将样式规则写在<STYLE>...</STYLE>标签之中。

3，使用 LINK标签： 将样式规则写在.css的样式文件中，再以<LINK>标签引入。

4，使用@import引入： 跟LINK用法很像，但必须放在<STYLE>...</STYLE> 中。

区别：

1，link属于XHTML标签，而@import完全是CSS提供的一种方式。

2，加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。

3，兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。

4，使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。



[color=red]二，内联元素有哪些？块级元素有哪些？CSS的盒模型？ [/color]
内联元素(inline element) * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码(在引用源码的时候需要) * dfn - 定义字段 * em - 强调 * font - 字体设定(不推荐) * i - 斜体 * img - 图片 * input - 输入框 * kbd - 定义键盘文本 * label - 表格标签 * q - 短引用 * s - 中划线(不推荐) * samp - 定义范例计算机代码 * select - 项目选择 * small - 小字体文本 * span - 常用内联容器，定义文本内区块 * strike - 中划线 * strong - 粗体强调 * sub - 下标 * sup - 上标 * textarea - 多行文本输入框 * tt - 电传文本 * u - 下划线 * var - 定义变量

块级元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易，也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 * h1 - 大标题 * h2 - 副标题 * h3 - 3级标题 * h4 - 4级标题 * h5 - 5级标题 * h6 - 6级标题 * hr - 水平分隔线 * isindex - input prompt * menu - 菜单列表 * noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容 * noscript - ）可选脚本内容（对于不支持script的浏览器显示此内容） * ol - 排序表单 * p - 段落 * pre - 格式化文本 * table - 表格 * ul - 非排序列表。

至于盒模型 ：用自己的话解释吧，不哆嗦了！



[color=red]三，CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？ [/color]
CSS选择符：

1，标签选择符；

2，类选择符；

3，ID选择符；

哪些属性可以继承：

color,font,酌情添加吧！不能继承的有width,height,border,margin,padding……

优先级算法如何计算：按经验来了，呵呵！



四：css的基本语句构成是？

选择器{属性1:值1;属性2:值2;……}



[color=red]五，你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?[/color]
使用Trident内核的浏览器：IE、Maxthon、TT；

使用Gecko内核的浏览器：Netcape6及以上版本、FireFox；

使用Presto内核的浏览器：Opera7及以上版本；

使用Webkit内核的浏览器：Safari、Chrome。