css入门使用

2023-12-17 17:57:19

CSS的基本语法结构由选择器、属性和值组成。

选择器（Selector）用于选中要应用样式的HTML元素。常见的选择器有标签选择器、类选择器、ID选择器等。

属性（Property）用于指定要修改的样式属性。常见的属性有color（文字颜色）、font-size（文字大小）、background-color（背景颜色）等。

值（Value）用于指定要设置的样式属性的值。常见的值有具体的颜色值（如红色为red），具体的大小值（如12像素为12px），具体的背景值（如图片url）等。

基本的CSS代码结构如下：

选择器 {
    属性1: 值1;
    属性2: 值2;
    ...
}

引入CSS的三种方式及其优先级如下：

  1. 引入样式：
    直接在HTML标签的style属性中添加CSS样式。这种方式的优先级最高，会覆盖其他方式定义的样式。

示例：

<p style="color: red;">这是一个段落。</p>

2.内部样式：
在HTML文档的标签内使用

示例：

<head>
  <style>
    p {
      color: blue;
    }
  </style>
</head>
<body>
  <p>这是一个p段落。</p>
</body>
  1. 外部样式：
    在HTML文档的标签内使用标签来链接外部的CSS文件。这种方式的优先级最低，会被内联和嵌入方式所覆盖。

示例：

<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <p>这是一个p段落。</p>
</body>

需要注意的是，如果同一选择器在不同的方式中定义了不同的样式，内联方式的优先级最高，其次是嵌入方式，最后是外部链接方式。在嵌入方式和外部链接方式中，后定义的样式会覆盖先定义的样式。如果两个选择器具有相同的优先级，那么后定义的样式将起作用。

文章来源:https://blog.csdn.net/h3197/article/details/135028659
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。