一、CSS--网页的美容师
  • CSS通常称为CSS样式表或层叠样式表，主要用来设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片外观(宽高、边框样式、边距等)以及版面的布局等外观显示样式。
  • CSS的出现，拯救了混乱的HTML，更拯救了web开发者，让我们的网页更加丰富多彩。
  • CSS最大的贡献是：让HTML从样式中脱离苦海，可以让HTML专注去做结构呈现。而样式交给CSS。
  • 目前CSS有2.0和3.0的版本，有兼容性问题。

CSS初始(Cascading Style Sheets)

二、CSS样式规则

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> h1 {
            color:orange;
            font-size: 30px;
        }
        p {
            color: brown;
        }
    </style>
</head>
<body>

   <h1> 网易云热评</h1>
   <hr />
   <p>每当有人问起，为什么我不恋爱的时候，我都以麻烦为由搪塞过去。又有人开始问我到底喜欢过谁没有，我也轻描淡写地表示否定。无数的朋友告诉我，或许是你还没碰到过真正喜欢的人吧，我却没法开口告诉他们，其实我曾经碰到过，碰得太早，以至于我没来得及分清，也没来得及弄明白。</p>
   <p>这首歌是剑三的玩家故事，道姑是游戏里的一个门派职业体型。道姑喜欢上了一个道长，可是后来在别人的喜宴上，道姑发现道长早有情缘，他的情缘是个秀秀。秀秀问道长“那是谁”，道长答“我的一个道姑朋友。</p>
</body>

  • 选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。
  • 属性和属性值以“键值对”的形式出现。
  • 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
  • 属性和属性值之间用英文":"连接。
  • 多个"键值对"之间用英文";"进行区分。
  • 可以用段落和表格的对齐的演示。