欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML CSS十道基础面试题

程序员文章站 2022-05-05 17:59:55
...
  1. HTML、CSS中英文全程?

    HTML HyperText Markup Language 超文本标记语言
    CSS Cascading Style Sheets 层叠样式表

  2. 网页基本结构?

    <html>   
    <head >                 '头部文件
    <table> </table>   '网页标题
    </head> 
    <body>                   '网页正文
    </body>
    </html>
  3. 列举常见浏览器内核?

    Trident内核 、Presto内核 Gecko内核 WebKit内核

  4. XHTML和HTML有什么区别?

    最主要的不同:
    XHTML 元素必须被正确地嵌套。
    XHTML 元素必须被关闭。
    标签名必须用小写字母。
    XHTML 文档必须拥有根元素。
    一个是功能上的差别,另外是书写习惯的差别。

5.简述对CSS盒模型理解?

HTML CSS十道基础面试题
从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。
HTML CSS十道基础面试题
从上图可以看到 ie 盒子模型的范围也包括 margin、border、padding、content,和标准 w3c 盒子模型不同的是:ie 盒子模型的 content 部分包含了 border 和 pading。

6.img标签的title与alt属性的区别?

alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值,而title是在图片正常加载鼠标划上去显示的值,虽然alt也有后者的功能,但是只是在低版本的ie浏览器才支持,高版本及标准浏览器不支持这个 功能了。

7.定义CSS样式有几种方式?外部样式表引入有几种方法?区别?

定义:
a.在head标签中加载一个CSS文件
b. 直接把CSS内容写在HTML文件的head标签中
c. 使用style属性对标签加载样
引入:
1.链入外部样式表link
2.内部样式表,就是把样式表放到页面的区里.
3.导入外部样式表,用@impor

8.display和visibility属性区别?

都是用来设置一个给定的元素是否显示
display不会占位 visibility会占位

9.简述一个网页从请求到最终显示完整过程。

  1. 在浏览器中输入网址;
  2. 发送至DNS服务器并获得域名对应的WEB服务器的IP地址;
  3. 与WEB服务器建立TCP连接;
  4. 浏览器向WEB服务器的IP地址发送相应的HTTP请求;
  5. WEB服务器响应请求并返回指定URL的数据,或错误信息,如果设定重定向,则重定向到新的URL地址。
  6. 浏览器下载数据后解析HTML源文件,解析的过程中实现对页面的排版,解析完成后在浏览器中显示基础页面。
  7. 分析页面中的超链接并显示在当前页面,重复以上过程直至无超链接需要发送,完成全部显示。

10.如何定义锚点?

1.超级链接:

 <a name="area">锚点位置</a>
<a href="#area" >跳转到锚点所在的位置</a>

通过 a 定义的链接和锚点,是不允许嵌套的。
2.使用 id 属性定义锚点:任何使用 id 属性的元素,都可以看作是一个锚点,可以通过链接访问。
3.在js中调用锚点:使用button提交到js中触发