• Java Web 6 HTML & CSS 6.2 CSS

    Java Web

    【黑马程序员新版JavaWeb基础教程，Java web从入门到企业实战完整版】

    6 HTML & CSS

    文章目录

    6.2 CSS
    6.2.1 概述

    CSS 是一门语言，用于控制网页表现。

    CSS → Cascading Style Sheet（层叠样式表）。

    【举个栗子】

    新建模块

    在这里插入图片描述

    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        div{
            color: red;
        }
    style>
head>
<body>

<div>Hello CSS~div>

body>
html>

    浏览器效果

    在这里插入图片描述

    6.2.2 CSS 导入方式

    css 导入方式其实就是 css 代码和 html 代码的结合方式。

    CSS 导入 HTML有三种方式：

    • 内联样式：在标签内部使用style属性，属性值是css属性键值对

      <div style="color: red">Hello CSS~div>

      给方式只能作用在这一个标签上，如果其他的标签也想使用同样的样式，那就需要在其他标签上写上相同的样式。复用性太差。

    • 内部样式：定义