css中定义的.怎么用
时间: 2024-05-15 18:15:05 浏览: 78
在 CSS 中,"." 用于指定一个类名。类名可以用来为 HTML 元素添加样式。例如,如果您想为一个 HTML 元素添加一个特定的样式,请在 CSS 文件中使用以下语法:
```
.classname {
/* CSS 样式 */
}
```
然后,在 HTML 文件中,将该类名添加到希望应用样式的元素上,例如:
```
<div class="classname">这个 div 元素将应用上述 CSS 样式。</div>
```
相关问题
css/style.css
在CSS中,`style.css`通常是一个外部样式表文件,它允许你在HTML文档中定义样式,而无需直接在HTML标签内部编写样式。你可以通过`<link>`标签将其链接到HTML文档中,如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- Your HTML content here -->
</body>
</html>
```
在这个例子中,`href="css/style.css"`指定了样式表文件的路径。在`style.css`文件中,你可以定义类(`.class-name`)、ID(`#id-name`)或其他选择器的样式,例如:
```css
/* style.css */
body {
background-color: lightblue;
}
.class-name {
color: white;
font-size: 18px;
}
#id-name {
border: 1px solid black;
padding: 10px;
}
```
在HTML中,你可以这样应用这些样式:
```html
<p class="class-name">Hello, World!</p>
<div id="id-name">This is an example.</div>
```
css/main.css
引用中提到的css/main.css是一个外链式引入css样式的方式中的一个例子。它是一个CSS文件,其中包含了一些样式代码,如引用中所示。这个文件可以通过在HTML文件中使用<link>标签来引入,如引用所示。在这个例子中,<link>标签的href属性指向了css/main.css文件的路径,这样HTML文件就可以使用这个文件中定义的样式了。