<style>

标签：电视   不完全   aspect   位图   htm   asp   color   project   ati   

1. style 元素

用于为 HTML 文档定制样式信息。一个网页，如果没有样式，那么它只能是苍白的。有了样式，它才能展现出 Web 应有的婀娜多姿。

不像 title 元素只能放在 head 中，style 可以出现在 HTML 文档中的各个部分，另外，一个文档也可以包含多个 style 元素。

<style> 标签有三个属性：

• media —— 指定样式适用的媒体
• scoped —— 指定样式的作用范围
• type —— 指定样式的类型

2. 使用 media 属性指定样式适用的媒体

通过 style 元素的 media 属性，可以用来表明文档在什么情况下应该使用该元素中定义的样式。

注意：设备的归类是由浏览器负责的，有些设备（比如 screen 和 print）在各种浏览器上的解释比较一致；但有一些设备（比如 handheld）的解释可能各家并不完全一致。因此，在实际开发中需要先核实一下为佳。


3. media 属性还可以通过一些特性来设计更具体的条件

注意："min-" 前缀表示 “不低于” 指定的像素值；"max-" 前缀表示 “不大于” 指定的像素值。

可以使用三种逻辑运算符来组合设备和特性条件。

举个例子，我们让网页在浏览器宽度为512像素到1024像素之间，显示另外一种样式，我们可以这么做：

1 <style type="text/css" media="screen and (min-width:512px) and (max-width:1024px)">
2     body {
3         background-image: url("../img/bc2.png");
4     }
5 </style>

<style>

标签：电视   不完全   aspect   位图   htm   asp   color   project   ati   

原文地址：https://www.cnblogs.com/bingw/p/9816295.html