61.除了ul、ol还用换什么写列表
dl dt dd
62.如果不写头部声明会有什么问题
通常html DOCTYPE声明是必须的,并且使用div+css更是必不可少,如果缺少或错误document将会造成你的CSS失效或者半失效,因为css失效,网页布局变乱,有的css属性不能体现。
另外,由于万恶的IE(尤其是IE6和IE7),我们在页面重构时不免要对其进行各种bug修复及差异化处理。能在标准浏览器中可实现的效果在IE中却有各种离奇问题,例如在IE6、IE7不能良好应对的inline-block和.clearfix问题。
所以就加入了IE版本区分代码,主要还是解决IE版本兼容性问题。
63.如何优化你的页面
提倡前端工程开发工程师在书写html的时候做到结构语义化
结构中主要包括了head和body两个部分,但是我们经常说的是结构语义化主要是body中的标签,比如head中包含的标签title、description、keywords,body中的nav、footer等标签,还要注意h标签的断层。
注意结构与表现、行为的分离
css、js文件数量及大小的优化
一般建议采用外联式,做好规划,尽量采用缩写,减少css的个数,减少http请求数、
背景图片数量及大小的优化
合并多个背景图片,减少http请求数,但在背景整合时,也要考虑图片质量和大小
一般建议,背景图片不超过3个,css文件不超过2个,js不超过3个,并且良好遵守web标准的规定,如css放到head里,js文件放到body之前或者之后
建议body中增加text-align:center,用link代替@import。
对于大型网站来说,首页使用内联式样式表,这样可以减少http请求书的同事,也可以防止裸奔。当然其他页面需要使用外联样式表,这样才可以方便维护,因为作为大型网站来说,他的首页访问量是十分大,所以需要考虑到这些问题:
把样式表置于顶部
把脚本置于页面底部
避免使用CSS表达式(expression)
使用外部JavaScript和CSS
消减JavaScript和CSS
用link代替@Import
避免使用滤镜
剔除重复脚本
减少DOM访问
开发智能事件处理程序
最好的方案是按照HTML规范在文档head结束前加载你的样式表
对于拥有较大浏览量的首页来说,有一种技术可以平衡内置代码带来的HTTP请求减少欲通过使用外部文件进行缓存带来的好处。其中一个就是在首页中内置JavaScript和CSS,但是在页面下载完成后动态下载外部文件,在子页面中使用到这些文件时,它们已经缓存在浏览器了、
cookie:减小cookie体积,对月页面内容使用无cookie域名
图片:优化图像,优化CSS Sprite,不要在html中缩放图像,favicon.ico要小并且可以缓存
64.两栏自适应布局,右侧div宽高不定
65.响应式布局是什么?怎么用?
用通俗的话来说,所谓的响应式布局(Responsive Design),即自适应屏幕大小进行展示,并且获得比较好的体验。
其中,浏览器的兼容是很大的一个技术点,而布局设计是一个设计难点。如果将响应式布局简单理解为浏览器兼容又不大合适,这样的技术在很多年前就已经又提出并有解决方案。以前的浏览器兼容,屏幕大小是相似的,操作习惯是相同的,所以兼容只要不用浏览器或者平阿嚏展示的样式一模一样就可以。
而响应式布局并不是说要展示的一样,比如说菜单,在pc端可以是左右布局,直接展示,而在手机上,不应该是pc的缩小版,而应阿贵是菜单屏展示,类似手机原生应用,这就是所谓的不同媒介的适应性体验。
66.IE6png的问题
参考博客:http://www.cnblogs.com/yuzhongwusan/archive/2009/04/17/1438119.html
(待整理,直接见博客,会贴网址)
67.Hack是什么,怎么用?
参考博客:http://www.kwstu.com/ArticleView/divcss_201311283358204
(待整理,直接见博客,会贴网址)
68.border虚边
border:1px dashed red;
69.li在ie6与ie8下的高度问题
在li样式下加上vertical-align:bottom;
70.CSS常见兼容性问题,如何解决?
(待整理,直接见博客,会贴网址)
71.CSS常见选择器有哪些?优先级如何?
选择器:(待整理,直接见博客,会贴网址)
优先级:id选择器>class>层级选择器和标签选择器
72.你如何理解绝对定位和相对定位的,都用在什么地方?有什么优点和缺点?
绝对定位就是可以把内容显示到页面上的任何位置,位置不再属于该元素,漂浮在半空中
相对定位是相对于该块元素在文档中的位置,位置仍旧属于该元素,叫做占用,但元素仍然漂浮
这些都是相对父级元素有position为相对或者绝对属性来定位的,都找不到的话就以body窗口来定位
因为绝对定位(和文档流没有关系)如无申明,则其实相对于body而言的,处理不好的话,如显示器尺寸变了,可能就会变形。
相对定位的元素属于文档流,所以很稳定,相对定位就是相对于它该出现的位置,如无设top、left之类,和普通div基本一样。
一般的绝对定位就是这样用的,父元素要是相对定位的且须有布局,如有个高度,这样子元素用绝对定位,就可以相对于他的父元素进行绝对定位,父元素若不这样做,那么子元素用绝对定位其实是相对于body定位
73.左侧样式固定,右侧文本宽度自适应如何布局
(参考56)
74.下面的布局如何实现,如何不用浮动还能使用什么布局方式
定位,或者flex-box
75.HTML静态页面出现中文乱码如何解决?
改为utf-8,出现乱码一般都是因为编码方式出现了问题
76.下列哪个选择器优先级是最高的
a. #a b..a.b.c.d.e.f.g.h.i.j.k.l.m.n.o c.#a.b d.div.b#a
答案为d
77.写CSS命令,设置字体为宋体,12px大小,颜色为#eeeeee,加粗
字体属性主要包括:
font-family(字体族)“Arial”,“Time New Roman” “宋体” “黑体”
font-style(字体样式):normal(正常)、italic(斜体)或者oblique(倾斜)
font-variant(字体变化):normal(正常)或者small-caps(小体大写字母)
font-weight(字体浓淡):normal(正常)或者bold(加粗),有些浏览器甚至支持采用100到900的之间的数字(以百为单位)
font-size(字体大小):可通过多中不同单位(比如像素或者百分比等)来设置,如:12px,12pt,120%,1em
如果用font属性的话,就可以把几个样式进行简化,减少书写,font属性的值I一般情况下应按照以下次序水榭(各个属性之间用空格隔开),顺序:font-style|font-variant|font-weight|font-size|line-height|font-family
注意事项:
简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写
顺序不能改变,这种简写方法只有在同时指定font-size和font-family属性时才起作用,而且,如果你美誉设定font-weight,font-style,以及font-varient,他们会使用缺省值
78.常用布局属性有哪些?有哪些缺点?
参考博客网址:http://www.codesec.net/view/404576.html
布局属性:margin,padding,position,float
T型布局
国字型布局
pop布局
左右型布局
上下布局型
常见的布局方法:
圣杯布局-----基本思路是运用浮动加定位的方法,缺点是代码较复杂,不能模拟三栏等高效果
双飞燕布局----
多栏等高布局----
table布局---
padding补白---
flex布局---基本思想是通过flex容器来伸缩控制子项目的宽度和高度,以此来完全填充flex容器的可用空间。子项目的宽高、排列方式等都是通过设置相关属性改变的。
79.填空题
一个div、css设置如下:{width:200px;margin:200px 20px;padding:50px 60px 70px;border:100px solid red;overflow:hidden;}在IE6解析下,这div的实际宽是(360px),在正常解析下,这个div的实际宽度是(560px)
80.web网页中常见的图片格式有哪些?分别有什么特点?
常见的图片格式有jpg、gif、png
jpg:jpeg全称,jpeg图片以24位颜色存储单个位图,jpeg是与平台无关的格式,支持最高级别的压缩,不过,这种压缩是有损耗的,渐进式jpeg文件支持交错。
gif:分为静态gif和动画gif两种,是一种压缩位图格式,支持透明背景图像,适用于多重操作系统,体型很小,gif是将多幅图像保存为一个图像文件,从而形成动画,最常见的就是通过一帧帧的动画串联起来的高效gif图,所以归根到底gif仍然是图片文件格式。但gif只能显示256色,和jpg格式一样,这是一种在网络上十分流行的图形文件格式
png:图像文件存储格式,其设计目的是试图代替gif和tiff文件格式,同时增加一些gif文件格式所不具备的特性,png即可移植网络图形格式,png用来存储灰度图像是,灰度图像的深度可达到16位,存储彩色图像时,彩色图像的深度可多大48位,并且还可存储多到16位的a通道手,png使用从LZ77派生的无损数据压缩算法,一般应用于java程序、网页或S60程序中,原因是它压缩比高,生成文件体积小