css面试题

最新推荐文章于 2024-05-09 21:41:18 发布

Julie115

最新推荐文章于 2024-05-09 21:41:18 发布

阅读量258

点赞数

本文链接：https://blog.csdn.net/Julie115/article/details/82661876

版权

1.html和xhtml的区别

html是Hypertext Markup Language的缩写，中文翻译为超文本标记语言；xhtml是The Extensible Hypertext Markup Language的缩写，中文翻译为可扩展标识语言，实际上它是html4的升级版本。xhtml代码不排斥html规则，结构也基本相似，以下是 XHTML 相对 HTML 的几大区别：

　　XHTML 要求正确嵌套

　　XHTML 所有元素必须关闭

　　XHTML 区分大小写

　　XHTML 属性值要用双引号

　　XHTML 用 id 属性代替 name 属性

　　XHTML 特殊字符的处理

　　XHTML 要求正确嵌套

2.doctype如何触发严格模式与混杂模式

（1）<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。

（2）严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。

（3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

（4）DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

3.css(Cascading Style Sheets)盒模型

1996年W3C推出css，并规定了页面中所有元素基本显示形态为长方形的盒子，并由此形成了一套严谨的盒子模型（Box Model）.根据这个盒模型规则，网页中所有元素对象都被放在一个盒子里，设计师可以通过css来控制这个盒子的显示属性，这就是经典的css盒模型。盒模型的结构包括内容（content），填充（补白，内边距，padding），边框（border），边界（外边距，margin）。

4，CSS （cascading Style Sheets）引入的方式有哪些? link 和@import 的区别是?

1.使用 LINK 标签即外部样式表
将样式规则写在.css 的样式文件中，再以<link>标签引入。
<link rel=stylesheet type="text/css" href="example.css">
2.使用@import 引入
跟 link 方法很像，但必须放在<STYLE>...</STYLE> 中
<STYLE TYPE="text/css">

</STYLE>
3.使用 STYLE 标签即内部样式表
将样式规则写在<STYLE>...</STYLE>标签之中。
<STYLE TYPE="text/css">

</STYLE>
4.使用 STYLE 属性即内联样式
将 STYLE 属性直接加在个别的组件标签里，<组件(标签) STYLE="性质(属性)1: 设定值 1;
性质(属性)2: 设定值 2; ...}
5.使用<span></span>标记引入样式
<span style="font:12px/20px #000000;">cnwebshow.com</span>
两者区别：加载顺序的差别。当一个页面被加载的时候， link 引用的 CSS 会同时被加载，
而@import 引用的 CSS 会等到页面全部被下载完再被加载。@import 可以在 css 中再次引入
其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表，如：
main.css
———————-
@import“sub1.css”;
@import“sub2.css”;
这样做有一个缺点，会对网站服务器产生过多的 HTTP 请求，以前是一个文件，而现在
却是两个或更多文件了，服务器的压力增大，浏览量大的网站还是谨慎使用。

5.css有哪些选择符，它们的优先关系计算

元素选择器
类选择器
ID 选择器
群组选择器
后代选择器
子元素选择器
相邻兄弟选择器
伪类
伪元素等等
优先关系：使用!important可以改变优先级别为最高，其次是内嵌样式表即在html元素内部的优先级别高，然后是id > class >tag ，另外在同级样式按照申明的顺序后出现的样式具有高优先级。

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

结构层 Html ，定义了网页的内容；表示层 CSS 描述了网页的布局；行为层 js 控制网页行为。

7.css 的基本语句构成是?

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

8.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

IE(ie内核) 火狐（Gecko）谷歌（webkit） opear(Presto)

9.标签上 title 与 alt 属性的区别是什么?

Alt 当图片不显示时用文字代表。
Title 为该属性提供信息。

Julie115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css面试题

1.html和xhtml的区别html是Hypertext Markup Language的缩写，中文翻译为超文本标记语言；xhtml是The Extensible Hypertext Markup Language的缩写，中文翻译为可扩展标识语言，实际上它是html4的升级版本。xhtml代码不排斥html规则，结构也基本相似，以下是 XHTML 相对 HTML 的几大区别：　　XHTM...
复制链接

扫一扫