IT入门 > 面试题 > 前端面试题 > htmlCSS面试题目 >

渐进增强和优雅降级

渐进增强 ：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级 ：一开始就构建完整的功能...

GET和POST的区别，何时使用POST？

GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符POST：一般用于修改服务器上的资源，对所发送的信息没有限制。GET方式需要使用Request.Query...

常见兼容性问题？

* png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.* 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。* IE6双边距bug:块属性标签float后，又有横...

浏览器的内核分别是什么?

* IE浏览器的内核Trident、Mozilla的Gecko、Chrome的Blink（WebKit的分支）、Opera内核原为Presto，现为Blink；...

CSS 选择符有哪些？哪些属性可以继承？优先级算

* 1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[rel = ex...

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

给div设置一个宽度，然后添加margin:0 auto属性 div{ width:200px; margin:0 auto; } 居中一个浮动元素 确定容器的宽高 宽500 高 300 的层 设置层的外边距 .div { Width:500px ;height:300px;//高度可以不设 M...

CSS3新增伪类举例：

p:first-of-type 选择属于其父元素的首个 p 元素的每个 p 元素。p:last-of-type 选择属于其父元素的最后 p 元素的每个 p 元素。p:only-of-type 选择属于其父元素唯一的 p 元素的每个 p 元素。p:onl...

列出display的值，说明他们的作用。position的值，

1. block 象块类型元素一样显示。 none 缺省值。象行内元素类型一样显示。 inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。 list-item 象块类型元素一样显示，并添加样式...

css定义的权重

以下是权重的规则：标签的权重为1，class的权重为10，id的权重为100，以下例子是演示各种定义的权重值： /*权重为1*/div{}/*权重为10*/.class1{}/*权重为100*/#id1{}/*权重为100+1=101*/#id1 div{}/*权...

如何让一段文本中的所有英文单词的首字母大写

text-transform:capitalize;首字母大写 text-transform:uppercase;所有单词大写 text-transform:lowercase;所有单词小写...