css入门使用

小康代码

已于 2023-12-19 17:12:36 修改

阅读量470

点赞数 13

文章标签： css 前端

于 2023-12-16 09:19:51 首次发布

本文链接：https://blog.csdn.net/h3197/article/details/135028659

版权

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

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

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

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

基本的CSS代码结构如下：

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

示例：

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

效果图：
在这里插入图片描述

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

示例：

<head>
  <style>
    p {
      color: blue;
    }
  </style>
</head>
<body>
  <p>这是一个p段落。</p>
</body>

效果图：
在这里插入图片描述

示例：

<head>
  <link rel="stylesheet" href="styles.css">
  <style>
   p{
        color: orange;
    }
    </style>
</head>
<body>
  <p>这是一个p段落。</p>
</body>

效果图：
在这里插入图片描述

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

关注