所在的位置: html >> html资源 >> htmlcss基础面试

htmlcss基础面试

中科让您告别白癜风秀健康 http://news.39.net/bjzkhbzy/220624/11068763.html

1.XHTML和HTML有什么区别

HTML是一种基本的WEB网页设计语言,XHTML是一个基于XMl的置标语言最主要的不同

XHTML元素必须被正确地嵌套。XHTML元素必须被关闭标签名必须用小写字母XHTMl文档必须拥有根元素2.什么是语义化的HTML?

直观的认识标签对于搜索引擎的抓取有好处,用正确的标签做正确的事情!HTML语义化就是让页面的内容结构化,便于对浏览器,搜索引擎解析;在没有样式css情况下也以一种文档格式显示,并且是容易阅读。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于SEO。在阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。3.常见的浏览器内核有哪些?

Trident内核:IE,MaxThon,TT,TheWord,,搜狗浏览器等。Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等;Presto内核:Opera7及以上。[Opera内核原为:Presto,现为:Blink]Webkit内核:Safari,Chrome等。4.请描述一下cookies,sessionStorage(会话存储)和localStrorage(本地存储)的区别?

cookie在浏览器和服务器间来回传递。sessionStorage和localStorage不会;sessionStorage和localStorage的存储空间更大;sessionStorage和localStorage有更多丰富易用的接口;sessionStorage和localStorage各自独立的存储空间;5.HTML5为什么只需要写!DOCTYPEHTML?

HTMl5不基于SGML(标准通用标记语言),因此不需要对DTD(文档类型定义)进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行);而HTMl4.01基于SGMA,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。6.css盒模型有哪些及区别content-boxborder-boxpadding-box1》IE盒子模型box-sizing:border-box;(怪异模式)W3C标准盒子模型box-sizing:content-box;(标准模式)默认模式2》content-box:这是默认样式指定CSS标准。测量width和height属性只包括的内容,但不是border,margin,或者padding。padding-box:width和height属性包括padding的大小,不包括border和marginborder-box:width和height属性包括padding和border,但不是margin。这是盒模型的文档时,InternetExplorer使用Quirks模式。content-box不包含padding,border-box包含padding。所以如果你设置的大小是一样的,content-box看起来,会比border-box大。7.行内元素和块状元素的区别?行内块级元素的兼容性如何使用?(IE8以下)行内元素:会在水平方向排列,不能包含快级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效块级元素:各占据一行,垂直方向排列。从新行开始结束接着一个断行兼容性:display:inline-block;display:inline;zoom:1;8.清除浮动有哪些方式?1、父级div定义height。2、结尾处加空div标签clear:both。3、父级div定义伪类:after和zoom。4、父级div定义overflow:hidden。5、父级div定义overflow:auto。6、父级div也浮动,需要定义宽度。7、父级div定义display:table。8、结尾处加br标签clear:both。9.选择器优先级是怎样的?1、!important行内样式id选择器类选择器标签选择器通配符继承2、权重算法:(0,0,0,0)==》第一个0对应的是important的个数,第二个0对应的是id选择器的个数,第三个0对应的类选择器的个数,第四个0对应的是标签选择器的个数,就是当前选择器的权重3、比较:先从第一个0开始比较,如果第一个0大,那么说明这个选择器的权重高,如果第一个相同,比较第二个,依次类推。10.CSS3新特性有哪些?1、颜色:新增RGBA、HSLA模式2、文字阴影(text-shadow)3、边框:圆角(border-radius)边框阴影:box-shadow4、盒子模型:box-sizing5、背景:background-size设置背景图片的尺寸,background-origin设置背景图片的原点,background-clip设置背景图片的裁剪区域,以“,”分隔可以设置多背景,用于自适应布局6、渐变:linear-gradient、radial-gradient7、过渡:transition可实现动画8、自定义动画9、在CSS3中唯一引入的伪元素是::selection10、多媒体查询、多栏布局11、border-image12、2D转换:transform:translate(x,y)rotate(x,y)skew(x,y)scale(x,y)13、3D转换




转载请注明:http://www.aierlanlan.com/rzgz/4057.html