怎样用html和javascript制作离线手机app
利用html（HTML5）、CSS（CSS3）以及Javascript、响应式设计、PhoneGap等可以制作混合APP。
1、使用CSS3媒体查询制作响应式页面，以确保在不同的屏幕分辨率下都能很好的显示。或者也可以以remnant（rem）单位，将固定宽高换乘为remnant。
2、远程数据获取，要使用跨域请求。
3、页面特效使用Javascript或是CSS动画实现。
4、使用PhoneGap进行APP打包，将网页应用转化为APP。
width属性和width样式的区别
`width` 属性和 `width` 样式都是用来设置元素的宽度，但它们的用法和含义有所不同。
`width` 属性是 HTML 元素的属性之一，用于设置元素的宽度。例如，在一个 `<div>` 元素中，可以使用 `width` 属性来设置它的宽度为 500 像素：
```html
<div style="width: 500px;">内容</div>
```
`width` 样式是 CSS 样式表中的一种属性，用于设置元素的宽度。例如，在一个 `<div>` 元素的 CSS 样式表中，可以使用 `width` 样式来设置它的宽度为 50%：
```css
div {
width: 50%;
}
```
总的来说，`width` 属性是 HTML 元素的属性，而 `width` 样式是 CSS 样式表的属性。两者都可以用来设置元素的宽度，但是在 CSS 中，我们通常使用 `width` 样式来控制元素的样式，而不是直接在 HTML 中使用 `width` 属性。
在于使用的上下文和作用范围不同。
1. 是显然的。
2. width属性用于HTML中的标签元素，例如、等，它可以直接在标签中定义元素的宽度。
而width样式是用于CSS样式表中的，通过选择器和规则来定义元素的宽度。
3. 它们的区别还在于作用范围上。
width属性应用于特定的HTML标签元素，只对该元素生效，而width样式可以通过选择器选择多个元素，或者通过类、ID等属性来控制多个元素的宽度。
此外，使用样式表的方式可以实现更丰富和复杂的布局和样式效果。
所以，总体而言，width属性更直接、局限性更强，只能应用于特定的HTML标签元素，而width样式则更灵活，可以应用于多个元素，并且可以配合其他CSS属性实现更多样化的样式排列布局。
width属性和width样式都用于设置元素的宽度，但有一些区别。width属性是HTML中的属性，用于设置元素的初始宽度，可以通过HTML标签的width属性直接设置。而width样式是CSS中的属性，用于设置元素的样式，可以通过CSS选择器或JavaScript动态设置。
width属性只能设置固定的宽度值，如像素或百分比，而width样式可以使用更多的单位和值，如em、rem、auto等。此外，width样式可以通过媒体查询和伪类等方式进行动态调整，而width属性是静态的。