css格式化应用到用户页面用什么方法？css画布适应的屏幕有哪些？

①CSS格式化应用到用户页面的方法有三种：内联样式、内部样式表和外部样式表。

②深入介绍

1. 内联样式

内联样式是在HTML元素中使用style属性来定义CSS样式。这种方法适用于特殊的样式需要应用到个别元素的情况。例如：

```html

<p style="color:blue;margin-left:20px;">这是一个段落。</p>

```

这个例子中，style属性包含了两个CSS属性：color和margin-left，分别定义了段落的颜色和左外边距。

内联样式的优点是可以直接看到元素的样式效果，而且可以覆盖其他样式表中的规则。内联样式的缺点是会增加HTML代码的长度和复杂度，而且不利于样式的复用和维护。

2. 内部样式表

内部样式表是在HTML文档头部<head>区域使用<style>元素来包含CSS样式。这种方法适用于单个文件需要特别样式的情况。例如：

```html

<head>

body {background-color:yellow;}

p {color:blue;}

</style>

</head>

```

这个例子中，<style>元素包含了两个CSS规则：body和p，分别定义了网页背景色和段落颜色。

内部样式表的优点是可以在同一个文件中定义和修改样式，而且可以根据不同的媒体类型（如屏幕、打印机等）设置不同的样式。内部样式表的缺点是只能应用到当前文件，而且可能会被外部样式表覆盖。

/* 大屏幕：大于等于1200px*/

@media (min-width: 1200px) { ... }

/*默认*/

@media (min-width: 980px){...}

/* 平板电脑和小屏电脑之间的分辨率 */

@media (min-width: 768px) and (max-width: 979px) { ... }

/* 横向放置的手机和竖向放置的平板之间的分辨率 */

@media (max-width: 767px) { ... }

/* 横向放置的手机及分辨率更小的设备 */

@media (max-width: 480px) { ... }