2024年3月5日发(作者:)

style样式写法

CSS(层叠样式表)是一种用于描述文档样式(包括布局、字体、颜色等)的样式表语言。以下是一些基本的 CSS 样式写法:

### 1. 内联样式(Inline Styles)

内联样式是直接写在 HTML 元素内部的样式,使用 `style` 属性。

```html

这是一段红色的文字,字体大小为16px。

```

### 2. 内部样式(Internal Styles)

内部样式是写在 HTML 文档的 `

This is a blue text with a font size of 18px.

```

### 3. 外部样式(External Styles)

外部样式是将样式规则写在独立的 CSS 文件中,然后通过链接引入

HTML 文档。

****

```css

/* */

p {

color: green;

font-size: 20px;

}

```

****

```html

External Styles

This is a green text with a font size of 20px.

```

### 4. CSS 选择器

CSS 选择器用于选择要应用样式的 HTML 元素。

```css

/* 选择所有段落元素 */

p {

color: purple;

font-size: 24px;

}

/* 选择类名为 "highlight" 的元素 */

.highlight {

background-color: yellow;

}

/* 选择ID为 "header" 的元素 */

#header {

font-weight: bold;

}

```

以上只是 CSS 的一些基本写法,实际上 CSS 还有更多的属性和选择器可以使用,具体的使用取决于你的设计需求。在实际应用中,合理使用样式可以提高网页的可读性和用户体验。