2、前端开发基础：HTML、CSS与JavaScript入门-优快云博客

本文链接：https://blog.youkuaiyun.com/swift5iosmith/article/details/151692055

前端开发基础：HTML、CSS与JavaScript入门

1. 级联样式表（CSS）的使用

CSS是专门用于格式化的特殊语言。样式本质上是一种规则，它规定了特定元素的格式化方式。样式信息可以放置在多个位置，如单独的文件、位于head元素中的style元素，或者直接写在HTML文档内，甚至可以针对某个特定元素设置样式。样式信息会层叠生效，即离元素最近的样式会被优先使用。

例如，在head元素的style部分设置公司的官方字体，让大部分文本使用该字体，但在局部元素中可以设置特定样式来格式化某一段文本。由于该局部样式离元素更近，所以会被采用。

基本的CSS格式包含一个要格式化元素的指示符，后面跟着一个或多个指令。以下是一个完整的HTML文档示例，展示了如何使用CSS设置样式：

<html>
<head>
<title>CSS example </title>
<style>
body {
    background-color:tan;
    color: #660000;
    text-align:center;
    font-size:22px;
}
section {
    width:85%;
    border:4px #00FF63 solid;
    text-align:left;
    padding:5px;
    margin:10px;
    background-color: white;
}
p {
    width: 75%;
}
aside {
    font-style:  italic;