有关青春的作文-关于重阳节的古诗

2021年3月3日发(作者：秀才遇到兵)

1.

WEB

标准以及

W3C

标准是什么？

标签闭合、标签小写、不乱嵌套、使用外链

< br>css

和

js

、结构行为表现的 分离。

1.1div

中

img

怎么水平和垂直居中？

Div{width:200px;

height:200px;text-align:center;

font-size:0;

overflow:

hidden;line-height:200px; _line- height:178px;/*

兼容

IE6*/ }

Img{ vertical- align:middle;}

1.2 HTML

中没有单位的属性是？

z-index:1; zoom:1; font-weight:200;

1.3 form

表单中

input< /p>

标签的

readonly

和

< p>
disabled

属性有何区别？

readonly=

“

readonly

”是只读，不可以修改，

disabled=

“

disabled

”是禁用，整个文

本框是显示灰色状态

form

中

method

< p>
是数据传递的方式，

action

是与后台数据库 提交的

和

h tml

有什么区别

XHTML

元素必须被正确地嵌套 ，闭合，区分大小写，文档必须拥有根元素。

3.

行内元素有哪些？块级元素有哪些？

行内元素

: a b img

em br i span input select

块级元素：

div p h1-h6 form ul dl ol table

4.

行内元素和块级元素有什么区别？

行内元素不可以设置宽高，不独占一行

;

块级元素可以设置宽高，独占一行。

5.

我想让行内元素跟上面的元素距离

10px

，加

margin- top

和

padding- top

可以吗？

margin-top,padding- top

无效

的盒模型由什么组成？

内容（

w idth,height

），

border ,margin

，

padding

6.1

简述

div+css

布局的优势？

（

1< /p>

）符合

w3c

标准；（

< br>2

）兼容性好；（

3

）有利于搜 索引擎很友好；（

4

）样式的调整更

加 方便；（

5

）

css

< br>简洁的代码，能使样式和结构分离；

7.

说说

display

属性有哪些？可以做什么？

displ ay:block

行内元素转换为块级元素

display:inline< /p>

块级元素转换为行内元素

display:inline- block

转为内联元素

displ ay:box(css3

新增的弹性布局属性

)

选择符有哪些？

选择器（

# myid

）

2.

类选 择器（

.myclassname

）

3.

标签选择器（

div, h1, p

）

4.

相邻选择器（

h1 + p

）

5.

子选择器（

ul < li

）

6.

后代选择器（

li a

）

7.

通配符选择器（

*

）

8.

属性选择器（

a[rel =

）

9.

伪类选择器（

a: hover, li: nth - child

）

9.

哪些

css

属性可以继承？

可继承：

font-size font-family color, ul li dl dd dt;

（字体属性和列表属性）

不可继承

：

border padding margin width height

优先级算法如何计算？

!important >

id > class >

标签

!important

比

内联优先级高

*

优先级就近原则，样式定义最近者为准

;

*

以最后载入的样式为准

;

-align:center

和

line-height

有什么区别？

text- align

是水平对齐，

line- height

是行间。

< p>
12.

前端页面由哪三层构成，分别是什么？作用是什么？

结构层

Html(

页面结构内容，骨架

)

表示层

CSS

（网页的样式和外观）

行为层

js

（实

现网页的交互，动画效果）

< /p>

13.

标签上

title

与

alt

属性的区别是什么？

Alt

是图片属性，让搜索引擎认识你的图片。当图片不显示的时候显示。

title

是网站标题，是

seo

中最 重要的属性。

14.

使用

css

精灵有什么优缺点？

优：

Css

精灵

把一堆小的图片整合到一张大的图片上，减轻

HTTP

的请求 数量（

HTTP

连接数对网站的加载性能有重要影响

< p>
）。

能够提升网站性能

缺：可维护性方面，如要改变局部一张小图，就要很繁琐，而且算图片的位置也很麻烦；

15.

什么是语义化的

HTML

？

标签使用的合理性，对于搜索引擎的抓取有好处。

16.b

标签和

strong

标签

,i

标签和

em

标签的区别？

后者有语义，前者则无。

与

h1

的区别。

title

侧重于网站信息标题

从文章 而言，

h1

侧重于文章主题

站在< /p>

seo

的角度看，好网站少不了

titl e

，好文章少不了

h1

标题，

title

权重高于

h1

。

18.

清除浮动的几种方式，各自的优缺点

1.

使用 空标签清除浮动

clear:both

（缺点，增加无意义的标 签）

2.

使用

overflow:auto

（使用

zoom:1

用于兼容

IE

）或：

overflow:hidden;

3.< /p>

是用

afert

伪元素清除浮动

(

用于非

IE

浏览器< /p>

)

.Clearfix:after{ content:

””

; display:block; height:0; overflow:hidden; clear:both;}

.clearfix{ zoom:1;}

18.1 HTML doctype

有哪些常用的类型？

HTML4.01

XHTML1.0

HTML5

18.2

什么是

css hack< /p>

？（怎么让

css

很好的兼容各主流浏览 器）

，

CSS

hack

的目的就是使你的

CSS

代码兼容不同的浏览器。当然，我们也可以反过来利

用

CSS hack

为不同版本的浏览器定制编写不同的

CSS

< p>
效果。

有三种表达方式：

（

1

）

.css

内部

hack

：

主要针对类内部的

hack

，

比如

IE6

能识别

“

_

< br>”

“

*

”

,IE7

能识别“

*

”等（也叫

类内属性前缀法

）；（

2

< br>）

.

选择器

hack

< p>
：例如

IE6

能

*htm l .class{};

IE7

能识别

*+html .class{}

（也叫

选择器前缀法

）

;

（

3

）

html

头部引用（< /p>

if IE

）

hack

< br>：针对

所有

IE

：

，针对

IE 6

及以下版本：

，这类

Hack

不仅对

CSS

生效，对写在判断语句里面的所有代码都

会生效（也叫

条件 注释法

）。

18.3

请简述

css

加载方式

lin k

和

@import

的区别？

1.

link

属于

XHTML

标签，而

< br>@import

完全是

CSS

提 供的一种方式。

2

．加载顺序的差别 ：前者在页面加载的时候就同时加载进来，而后者是在页面完全加载完

再加载

< p>

3

．兼容性的差别：前者可以兼容全部，后者只 有在

IE5

以上才能被识别；

4.

使用

JavaScript D OM

控制样式的差别：只能控制

link

标签，不能控制

@import

y:none

和

visibility:hidden

的区别是什 么？

visibility: hidden----

将元素隐藏，但是还占着位置。

display: none----

将元素的显示设为无，不占任何的位置。

19.1

五大浏览器的内核

火狐：

-moz-

IE

：

-ms-

欧朋：

-o-

谷歌和苹果：

-webkit-

20.

说出几种

IE6 BUG

的解决方法

1.

双边距

BUG float

引起的

解决：使用

display:inline

2.3

像素问题

使用

float

引起的

解决：使用

dislpay:inline -3px

3.

超链接

hover

点击后失效

解决：使用正确的书写顺序

link visited hover active

z-index

问题

解决：给父级添加

position:relative

透明

解决 ：使用

js

代码

-height

最小高度

！

Important

解决

出现边框

border:none;

8.

为< /p>

什

么

没

有

办

法

定

义

< p>
1px

左

右

的

< p>
宽

度

容

器

（

IE6

默

认

的

行

高

造

成

的

overflow:hidden,zoom:0.0 8 line-height:1px

可以解决）

21.

域名和服务器相关知识？

状态码都有那些。

200 OK

//

客户端请求成功

400 Bad Request

//

客户 端请求有语法错误，不能被服务器所理解

403 Forbidden

//

服务器收到请求，但是拒绝提供 服务

404 Not Found

//

请求资源不存在，输入了错误的

URL

500 Internal Server Error //

服务器发生不可预期的错误

503 Server Unavailable

//

服务 器当前不能处理客户端的请求，一段时间后可能恢复正常

23.

如何优化网页加载速度？

1.< /p>

减少

css

，

j s

文件数量及大小

(

减少重复性代码， 代码重复利用

)

，压缩

CSS

和

Js

代码

2.

图片的大小

3.< /p>

把

css

样式表放置顶部，把

< p>
js

放置页面底部

4.< /p>

减少

http

请求数

5.

使用外部

Js

和

CSS

on

属性

absolute

与

relat ive

的区别？

absolute

绝对定位

//

相对于浏览器定位

relative

相对定位

//

相对于前面的容器定位

5

的有那些新标签？

头

部

导

航

链

接