怎么在HTML标签中写css样式?

怎么在HTML标签中写css样式?下面本篇文章给大家介绍一下在HTML标签中写css样式的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

在HTML标签中写css样式

在 HTML 标签中可以直接在 style 属性中添加 CSS。【相关推荐:htmlcss

style 属性规定元素的行内样式(inline style)

style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。

语法

<element style="一个或多个由分号分隔的 CSS 属性和值。">

示例:

在 HTML 文档中使用 style 属性:

<h1 style="color:blue; text-align:center">This is a header</h1>

<p style="color:red">This is a paragraph.</p>

<div style="background: red"></div>

这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个 <div> 拥有相同的样式,你不得不重复地为每个 <div> 添加相同的样式,如果想要修改一种样式,又不得不修改所有的 style 中的代码。很显然,内联方式引入 CSS 代码会导致 HTML 代码变得冗长,且使得网页难以维护。

更多web前端自学的相关知识,可访问:css教程 !!

以上就是怎么在HTML标签中写css样式?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏