当前位置:   article > 正文

WEB前端常规技术面试题之HTML+CSS基础

WEB前端常规技术面试题之HTML+CSS基础

//每小时20道基础你知道么?

1.简述htmlhttp、www、URL、web、W3C的意思

Html:超文本标记语言

http:超文本传输协议

www: 是环球信息网(World Wide Web)的缩写,也可以简称为Web,中文名字为“万维网”。

URL:统一资源定位器

web: 万维网

W3C:万维网联盟(World Wide Web Consortium,简称W3C)

  1. 介绍一下HTML的基本结构

<html>

       <head>

              <title>标题</title>

       </head>

       <body>

         ......

       </body>

</html>

  1. 谈谈你了解的图片格式

主要有:jpg、gif、bmp、png等等,其中jpg的颜色最丰富,gif支持动态图片,png支持透明

  1. HTML有哪些基本标签?

格式标签:段落<p>、居中<center>、编号列表<ol>、项目列表<ul>、自定义列表<dl>、预定义格式<pre>、环绕标签<marquee>、文本:h1-h6、font等等、图像:<img/>、超链接 :<a>  

  1. marquee标签的作用?如何使用?

marquee标签的主要作用是做滚动字幕,格式如下:

<marquee direction=”滚动方向”  scrolldelay=”滚动间隔时间”>……</marquee>

但是现在网页中很少使用marquee标签了,都会是使用js脚本或是前端的框架实现,效果会比marquee好的多。

  1. HTML表格的基本结构与常用属性有哪些?

布局基本结构如下:

<table>

<caption>标题</caption>

<tr>

<th>列标题</th>

......

</tr>

<tr>

<td>单元格内容</td>

.....

</tr>

.....

</table>

常用属性如下:

1)border:边框

2)bordercolor:边框的颜色

3)width:宽度

4)height:高度

5)background:背景图片

6)bgcolor:背景颜色

7)align:水平对齐:可以取left|center|right

8)valign:垂直对齐:可以取top|middle|bottom

9)colspan:跨列合并

10)rowspan:跨行合并

11)cellpadding:内容与边框之间的距离,边距

12)cellspacing:边框与边框之间的距离,间距

  1. CSS是什么?使用CSS有哪些优势?

CSS是Cascading Style Sheets的英文缩写,即层叠样式表

CSS的优势:

1.实现了内容与表现的分离

2.实现了许多网页一起更新

3.减少网页的代码量,增加网页的浏览速度

  1. CSS样式规则有哪几个部分组成?

由选择器、属性名、属性值组成

eg:

p   /*  选择器  */

{

   color:red;  /*  一条样式规则  */

   font-size:20px;/*  一条样式规则  */

}

注意:样式规则之间用;隔开,属性名和属性值用:隔开

  1. 写CSS有哪几个位置?

写CSS有3个位置,

       (1)行内样式:<标签名 style=”属性1:值1; 属性2:值2;…”>

       (2)内部样式:在head标签里写

          <style type=”text/css”>    CSS的语法    </style>

       (3)外部样式:<link href=”css文件路径” rel=”stylesheet” />

  1. CSS样式的优先级

1.按css样式的位置分:行内>内部>外部

2.按选择器分:id选择器样式>class类选择器样式>标签选择器样式

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/456900
推荐阅读
相关标签
  

闽ICP备14008679号