CSS 代表层叠样式表。 HTML用于创建网页，在网页中添加文本、图像、视频等。之后，我们需要设置文本和图像的样式，这只能使用 CSS 来完成。基本上，我们可以使用CSS向HTML元素添加背景、颜色、尺寸、方向等样式。 有三种方法可以为网页添加样式。第一种是内联样式，直接将样式添加到HTML元素中。第二种是嵌入式样式表，在“html”文件中使用标签添加样式。外部CSS文件是第三种为网页添加样式的方法。</p> <h2>语法</h2> <p>用户可以按照以下语法将嵌入样式表添加到 HTML 网页。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:css;toolbar:false;'><style> /* add CSS here */ 登录后复制 用户可以在上述语法中的标签之间添加CSS。</p> <h2>Example 1</h2>的中文翻译为：<h2>示例1</h2> <p>在下面的示例中，我们有一个带有“container”类的 div 元素。我们在 div 元素内添加了两个 <p> 元素。此外，我们还在 <p> 元素内添加了文本内容。</p> <p>在<head>部分，我们添加了<style>标签。在 <style> 标签内，我们添加了容器 div 元素的 CSS。此外，我们还使用了“nth-child()”CSS 函数来对两个 <p> 元素设置不同的样式。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:html;toolbar:false;'><html> <head> <style> .container { border: 2px solid black; padding: 10px; margin: 10px; background-color: lightblue; height: 100px; width: 500px; } .container p:nth-child(1) { color: red; font-size: 20px; } .container p:nth-child(2) { color: green; font-size: 25px; } Embedding the Styles to the HTML document This is a paragraph. This is another paragraph.
