基础面试题1

超链接的常见表形式?

1.普通超链接,语法为:

<a href=“”target=“”>文本</a>

2.下载链接,即目标文档为下载资源,语法如:

<a href="DAY02.zip">下载</a>

3.电子邮件链接,用于链接到email 语法如:

<a href="mailto:tarena@rarena.com.cn">联系我们</a>

4.空链接,用于返回页面顶部,语法如:

<a href="#">...</a>

5.链接到JavaScript,以实现特定的代码功能,语法如:

<a href="javascript:...."js功能</a>

表单向服务器提交数据有几种方式?这些方式有什么区分?

将表单数据发送给服务的常用方式有两种:get和post

浏览器方给服务器的http请求头(header)和请求主体(body)两部分。

其中,必须包含头部分,用于指定发送请求的方式,目的地以及他关键信息;而主体是可选的,在头数据和主体数据之间用一个空白行来隔开

不如,需要发送请求到页面getstockprice.php,且需要附带数据Symbol=MSFT.

那么如果使用get发送数据,则简化后的请求数据内容如下所示

get、trading、getstockprice.aspx?Symbol=MSFT HTTP/1.1

Host:localhost

如果使用post方式发送数据,则简洁化后的请求数据内容如下所示:

Post/Trading /GetStockPrice.aspxHTTP/1.1

Hot:localhost

Content-Type:application/x-www-form-urlencoded

Content-LENGTH:11

Symbol=MSFT

由此可见,两种方式的区别主要在于发送数据方式不同

使用GET方式向服务器发送表单数据时,表单数据将附加在URL苏醒的末端;采用post方法发送数据时,数据会防止在主体中发送

 

link和@import两种导入css文件的区别:

1)祖先的差别,link属于XHTML标签而@import完全是css提供的一种方式

link标签除了可以加载css外,还可以做很多其他的事情,比如定义rss,定义rel连接属性

@import就只能加载css了

2)加载顺序的差别,当一个页面被夹在的时候(就是被浏览者浏览的时候)link引用的css会同时被夹在er@import引用的css会等到页面全部被下载完在被接在,所以有时候浏览@import加载css的页面时开始会没有样式(就是闪烁)网速慢时更为明显;

3)兼容性的差别,由于@import是css2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link变迁五次问题;

4)使用DOM控制样式时的差别,当使用JavaScript控制DOM区改变样式的时候,只能使用link标签,因为@import不是DOM可以控制的;

5)@import可以在css中再次引入其他样式表。比如可以创建已给主样式表,在主样式表中再引入其他样式表。

简述css3中的伪类选择器

1,目标伪类:target突出显示活动的HTML锚用于选取当前活动的目标元素

2,元素状态伪类:比如:enabled,disabled,checked

3,结构伪类:比如:first-child,last-child,empty only-child;

4,否定伪类:即not(selector)匹配非指定元素、选择器的每个元素

如何居中div ?如何居中一个浮动元素?

给div设置一个宽度,然后设置元素的左右外边距为auto,比如margin:0px auto

则可以实现div居中显示

对于浮动元素,设置其左右外边距为关键字auto是无效的,此时,如果需要设置其居中显示,可以:

1,精确计算其左右外边距进行设置,实现居中显示

2,使用一个居中显示的div元素包含此浮动元素,代码如

<dib style="margin:0px auto;"><div style="float:left;"></div></div>

内联元素可以实现浮动吗?

在css中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素,因此,对于内联元素,如果设置为浮动,会产生和块级框相同的效果

css中content属性的作用

content属性与:before及:after伪元素配合使用来插入生成内容,可以在元素之前或之后放置生成的内容,可以插入文本,图像,引号,并可以结合计数器为页面元素插入编号,比如:

body{counter-reset:chapter;}

h1:before{content:"第"counter(chapter)"章";}

h1{counter-increment:chapter;}

使用content属性,并结合:before选择器和计数器counter,可以在每个<h1>元素前插入新的内容

什么是cssreset?

cssreset 又叫做css重写或者css重置,用于改写HTML标签的默认样式

有些HTML标签在浏览器里有默认样式 例如p变迁有上下边距,li标签有列表标识符号等,这些默认样式在不同浏览器之间也会有差别,例如ul默认带有锁紧的样式,

在IE下,下的锁紧是同伙margin实现的,而Firefox下,它的锁紧室友padding实现的,这必然会带来浏览器兼容问题

因此,css代码中,可以使用css代码去掉这些默认样式,即重新定义标签样式,从而覆盖浏览器兼容问题

因此,在css代码中,可以使用css代码去掉这些默认样式,即从新定义标签样式,从而覆盖浏览器的css默认属性,即css重置

需要注意的是,在进行样式重写时,不建议使用*选择器进行重写这样以降低效率影响性能

posted on 2016-12-09 22:54  老婆大人  阅读(192)  评论(0)    收藏  举报

导航