[分享]css可以定义什么样式

CSS是一种用于网页设计的样式表语言，通过CSS定义的样式可以改变网页元素的外观、布局和行为，使网页看起来更加美观、易读和易用。CSS可以定义的样式主要包括以下几个方面： / 定义字体样式 / bod...

CSS是一种用于网页设计的样式表语言，通过CSS定义的样式可以改变网页元素的外观、布局和行为，使网页看起来更加美观、易读和易用。

CSS可以定义的样式主要包括以下几个方面：

 <style>
    /* 定义字体样式 */
    body {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
    }

    /* 定义颜色样式 */
    h1 {
      color: #333;
    }
    a {
      color: #007bff;
      text-decoration: none;
    }

    /* 定义布局样式 */
    .container {
      max-width: 960px;
      margin: 0 auto;
      padding: 0 15px;
    }
    .row::after {
      content: "";
      clear: both;
      display: table;
    }

    /* 定义动画效果 */
    .box {
      width: 100px;
      height: 100px;
      background-color: #007bff;
      animation: pulse 2s infinite;
    }
    @keyframes pulse {
      0% {transform: scale(1);}
      50% {transform: scale(1.2);}
      100% {transform: scale(1);}
    }
  </style>

可以看到，CSS可以为整个页面或单独的元素定义字体、颜色、背景、边框、间距、大小、位置等样式，同时还可以使用CSS3新增的动画、过渡、变形、阴影等属性实现更加复杂的效果。