<head>
标签中使用 <style>
标签来定义 CSS 样式,这样的定义被称为内部样式。
<head> <style> p { color: red; } </style> </head><p>在这个例子中,我们定义了
<p>
元素的文本颜色为红色。所有的 CSS 样式都应该写在 <style>
标签中。
.css
。可以使用 <link>
标签将其引入 HTML 文件中。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head><p>此代码将外部样式表
style.css
引入 HTML 文档中。href
属性指定了样式表的位置。
<p style="color: red;">Hello World!</p><p>在这个例子中,我们使用
style
属性为 <p>
元素定义了颜色样式。
p
、div
、a
。.carousel
。#header
。[type="text"]
选择所有 type 值为 text 的元素。:hover
、:active
。color: red;
。font-family: Arial, sans-serif;
。font-size: 16px;
。background-color: #f0f0f0;
。border: 1px solid black;
。margin: 10px;
。padding: 10px;
。width: 100px;
。height: 100px;
。<head> <style> #header { background-color: #333333; color: #ffffff; width: 100%; text-align: center; } </style> </head> <body> <div id="header"> <h1>Hello World!</h1> </div> </body><p>在这个例子中,我们为具有 ID 为
header
的元素设置了背景颜色、文本颜色、宽度和文本对齐。我们使用了标签选择器来选定标题元素 <h1>
。
以上是一文介绍 CSS 的定义方法的详细内容。更多信息请关注PHP中文网其他相关文章!