数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究如何在 HTML 中为元素使用内联 CSS 样式？
使用内联 CSS，我们可以一次对一个 HTML 元素应用不同的样式。这可以通过使用 style 属性来完成。内联 CSS 始终会覆盖在内部或外部样式表中确定的样式属性。
语法
<element style="mystyles">
以下是一些示例...
示例
在以下示例中，我们正在应用在相关元素的 style 属性中定义的内联样式
<!DOCTYPE html> <html> <body> <p style="color:lightgreen;">Hello Everyone</p> <p style="color:red;">Welcome to Tutorialspoint</p> </body> </html>
在执行上述脚本后，内联 CSS 会被激活并应用于文本中的元素。
使用 JavaScript
使用 JavaScript，style 属性可用于设置特定元素的内联 CSS 属性。
语法
element_name.style
示例
在以下示例中，我们使用 style 对象来设置 id 为 Varma 段落的 CSS 属性。
<!DOCTYPE html> <html> <body> <p id="varma">HELLO WORLD..!</p> <script> let p = document.querySelector('#varma'); p.style.color = 'red'; p.style.fontWeight = 'bold'; </script> </body> </html>
在运行上述代码后，文本中的元素将应用内联 CSS
更新日期：2022-09-02
350 次浏览
广告