详解HTML的style标签以及相关的CSS引用_编程技术网-程序员技术内容聚合平台

程序员

详解HTML的style标签以及相关的CSS引用

作者：admin 2021-04-30 我要评论

HTML style 标签 style 标签 -- 在文档中声明样式时使用此标签 style标签是成对出现的,以style开始,以/style结束属性 media -- 媒体类型, type -- 包含内容的类...

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

HTML style 标签

style 标签 -- 在文档中声明样式时使用此标签
style标签是成对出现的,以<style>开始,以</style>结束
属性
media -- 媒体类型,

type -- 包含内容的类型,一般使用type="text/css"
示例

XML/HTML Code复制内容到剪贴板

<head>
<style type="text/css">
abbr
{
font-size: 12px;
}
.text10pxwhite
{
font-size: 10px;
color: #FFFFFF;
}
</style>
</head>

内部引用CSS -- Internal

可以使用style标签直接把CSS文件中的内容加载到HTML文档内部.

示例

CSS Code复制内容到剪贴板

<style type="text/css"><![CDATA[
/* ----------文字样式开始---------- */
/* 梦之都白色12象素文字 */
.dreamduwhite12px
{
color:white;
font-size:12px;
}
/* 梦之都黑色16象素文字 */
.dreamdublack16px
{
color:black;
font-size:16px;
}
/* ----------文字样式结束---------- */
]]></style>

原文链接：https://m.jb51.net/web/372905.html

版权声明：本文转载自网络，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的，如有侵权请联系QQ/微信：153890879删除

相关文章

详解HTML的style标签以及相关的CSS引用
canvas如何实现多张图片编辑的图片编辑
asp自动补全html标签自动闭合(正则表达
HTML与XHTML、以及HTML4与HTML5标签之

腾讯云代理商

精彩导读

还在用Myabtis、Hibernate吗？请尝试新

CSS3 实现发光边框特效

XML轻松学习手册(六):XML相关资源

值得尝试的 3 个 Linux 终端

通过阿里云数据中台读懂消费者，香飘飘

基于Pythion的Selenium自动化测试（一

海外云服务器

热门资讯

腾讯云代理商