web常见问题整理（小笔记）

1.      怎么让div中的图片居中？

用css的绝对居中法，div设为position:relative
里面的东西设置position:absolute;left:0; right:0; top:0;bottom:0;margin: auto;
这样就会自动居中，兼容IE8+和所有现代浏览器

 

2.      怎么让div中的A标签居中？

父一级div设为position:relative；

本级div设position:absolute;

                     left:0; right:0; top:0; bottom:0;

                     height:30px;

                     line-height:30px;

                    
text-align:center;

3.      Ul标签内部加font会使样式显示不出来？给div加font对于内部ul不管用？

Ul>font>li 写样式找子集的时候不能忽略font标签的层级关系，否则找不到对应的对象也就不能正确显示相应的样式。

4.      Li标签写样式的时候，width，height用像素和百分比表示有什么区别?

像素表示时为指定大小，百分比为父级元素为参考的百分比值。

5.      如何使Ul的列变成横向且子列显示在当前列的上方？

设置列样式为display:inline-block;vertical-align:"";

6.       元素分类：
内联元素（行内元素）
* a - 锚点
* abbr - 缩写
* acronym - 首字
* b - 粗体(不推荐)

* bdo - bidi override

* big - 大字体
* br - 换行
* cite - 引用
* code - 计算机代码(在引用源码的时候需要)

* dfn - 定义字段
* em - 强调
* font - 字体设定(不推荐)

* i - 斜体
* img - 图片
* input - 输入框
* kbd - 定义键盘文本
* label - 表格标签
* q - 短引用
* s - 中划线(不推荐)

* samp - 定义范例计算机代码
* select - 项目选择
* small - 小字体文本
* span - 常用内联容器，定义文本内区块
* strike - 中划线
* strong - 粗体强调
* sub - 下标
* sup - 上标
* textarea - 多行文本输入框
* tt - 电传文本
* u - 下划线
* var - 定义变量

块元素
* address - 地址
* blockquote - 块引用
* center - 举中对齐块
* dir - 目录列表
* div - 常用块级容易，也是css layout的主要标签
* dl – 自定义列表
* fieldset - form控制组
* form - 交互表单
* h1 - 大标题
* h2 - 副标题
* h3 - 3级标题
* h4 - 4级标题
* h5 - 5级标题
* h6 - 6级标题
* hr - 水平分隔线
* isindex - input prompt

* menu - 菜单列表
* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
* noscript - ）可选脚本内容（对于不支持script的浏览器显示此内容）
* ol – 有序列表
* p - 段落
* pre - 格式化文本
* table - 表格
* ul – 无序列表

可变元素
可变元素为根据上下文语境决定该元素为块元素或者内联元素。

* applet - java applet

* button - 按钮
* del - 删除文本
* iframe - inline frame

* ins - 插入的文本
* map - 图片区块(map)

* object - object对象
* script - 客户端脚本

7.      setlnterval( )间隔指定的毫秒数不停地执行指定的代码

eval( )计算 JavaScript
字符串，并把它作为脚本代码来执行

8.      javaScript中的 with
函数，即所谓的with
语句，可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性，要给对象创建新的属性，必须明确地引用该对象。with
函数，为语句设定默认对象。with(object)

 statements

参数：object

新的默认对象。statements一个或多个语句，object是该语句的默认对象。

说明：

with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math
的重复使用：复制代码代码如下:

x = Math.cos(3 * Math.PI) +Math.sin(Math.LN10) y = Math.tan(14 * Math.E)

当使用 with
语句时，代码变得更短且更易读：

复制代码代码如下:

with (Math){ x = cos(3 * PI) + sin(LN10) y = tan(14 * E)}

应用代码举例：

<script>

with(document)

write('fileSize='+fileSize),

title='My title',

bgColor='teal';

</script>

9. onmousemove
事件会在鼠标指针移出指定的对象时发生。

语法

In HTML:

<elementonmousemove="SomeJavaScriptCode">

In JavaScript:

function(){SomeJavaScriptCode}

object.onmousemove=function;//不加括号

10. DOM提供了一个Style对象作为每个元素的属性，这个对象可以描述通过文档获得的页面元素或HTML标签中的style属性，Style对象的属性与CSS中使用的属性几乎是一一对应的，只是包含连接符的属性则被替换为无连接符的属性，并且替换后的连击符后的单词第一个字母要大写，如CSS中的font-size在Style中被替换为fontSize,类似的还有text-align替换为textAlign等等