无名阁,只为技术而生。流水不争先,争的是滔滔不绝。

总结常见的CSS格式有哪些 CSS全称层叠样式表(Cascading-Style-Sheets) 全网首发(图文详解1)

前沿技术 Micheal 1个月前 (05-11) 25次浏览 已收录 扫描二维码

总结常见的CSS格式有哪些

CSS,全称层叠样式表(Cascading Style Sheets),主要是用于定义网页内容的布局和显示样式。

一、常见的CSS样式包括:

  • 文本样式:如字体、大小、颜色、行高、文本对齐等。例如:
    p {
    font-family: "Arial";
    font-size: 20px;
    color: blue;
    line-height: 1.5;
    text-align: center;
    }
  • 背景样式:例如背景颜色、背景图片、背景重复等。例如:
    body {
    background-color: #f0f0f0;
    background-image: url("background.jpg");
    background-repeat: no-repeat;
    }
  • 盒子模型样式:包括边框、内边距、外边距、宽度、高度等。例如:
    div {
    border: 1px solid black;
    padding: 10px;
    margin: 20px;
    width: 200px;
    height: 150px;
    }
  • 列表样式:例如列表项标记类型、列表项标记图片等。例如:
    ul {
    list-style-type: none;
    list-style-image: url("marker.png");
    }

二、CSS的实现方式主要有三种:

  • 行内样式
  • 内部样式表
  • 外部样式表

行内样式是将CSS写在HTML元素的style属性中,例如:

<p style="color:blue;text-align:center;">这是一段居中并且字体颜色是蓝色的文字</p>

内部样式表是将CSS样式写在HTML文档的head元素中的style元素中,例如:

<head>
  <style>
    p {
      color: blue;
      text-align: center;
    }
  </style>
</head>

外部样式表则是在一个单独的.css文件中编写CSS样式,然后在HTML文档中通过link元素引入,例如:

<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>

在styles.css文件中:

p {
  color: blue;
  text-align: center;
}

注:以上所有例子里,pbodydivul都叫选择器(用来找到你想要设置样式的HTML元素),{}里的内容都叫声明(设置元素样式的语句),声明由属性(如color)和值(如blue)组成。
ctrl+b快捷键的作用 提取结果:Ctrl+B快捷键处理 全网首发(图文详解1)
如何在Mac上下载并解压RAR文件? 如何在Mac上下载并解压RAR文件 全网首发(图文详解1)

喜欢 (0)
[]
分享 (0)
关于作者:
流水不争先,争的是滔滔不绝