开发者学堂课程【HTML 基础入门学习：style 标签】学习笔记与课程紧密联系，让用户快速学习知识
课程地址：https://developer.aliyun.com/learning/course/465/detail/5721
style 标签
内容介绍
一、<style><style/>
二、<style><style/>的属性
三、media 属性
四、总结
一、<style><style/>
1、定义
是一对，有开始和结束
必须置于 head 里
2、作用
为 HTML 文档定义样式信息
所有的页面，比如一个按钮的样子，那个字体多大。
所有与样式相关的其实都是由 css 来做的，style 里面放的就是 css 样式的代码去规定按钮、字体样式。
所有样式信息都可以放在 style 里面。
二、<style><style/>的属性
1、必填属性
Type 指定样式表的类型, text/css
前面介绍的很多必填属性都有 type，因为要指明 style 里面放的这个样式代码是什么样式代码，它的值就是 text/css
2、选填属性
Media 为样式表规定不同的媒介类型
定义 style 里面 css 代码它会应用于数码媒体里面。
比如写这一套 css 代码，它只适用于某些屏幕，那这就是media属性的作用。
三、media 属性
1、常用值
（1）Screen 计算机屏幕(默认值)
（2）Print 打印预览模式/打印页
（3）Handheld 手持设备
如果 style 里边加入 handheld 属性，那只有手持设备的能看到 css 的样式，不是手持设备可能就看不到这个样式了。
（4）All 所有设备
其实最常用的可能从这四个里面继续精简出来，因为很多别的在做的过程中接触不到，media 属性就规定 style 里面 css 代码应用于那些媒体。
2、举例
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
/写入内容：<p>welcome to China!</p>
在页面上显示写入的内容，之后引入样式放在<head>：
<style type="text/css">
p {color:blue]
</style>
四、总结
保存刷新页面内容就变为了代码中的颜色，也可以修改字体大小。
1、stlyle 标签
所有的文档想让它长什么样都可以通过 style 标签之间去定义。
2、综合
此前也学过 link 标签，可以从外部引入 css 标签，那么既可以在外部引入定义文档样式，也可以直接在头部写style标签都可去定义样式。
正如此前所讲述的 js 一样，可以在 html 页面本身去定义 js 一些代码，也可以外部引入 js 文件，实现同样的功能都是可行的
