当前位置:首页>>技术教程

CSS基础认识

css:层叠样式表的认识

李雨鸣

css:层叠样式表(Cascading style sheets)

css作用是什么?

  给页面中的HTML标签设置样式


css引入方式

   内嵌式css写在style标签中(style标签虽然可以写在页面任何位置,但是通常约定写在head标签中)

   外联式:css写在一个单独的.css文件中(需要通过link标签在网页中引用)

   行内式:css写在标签的style属性中(可配合js使用)

p {
  color:red;
}

   p:选择器

   color:red; css属性

   color:属性名

   red:属性值

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./my.css">
    <style>
        p {
            color: red;
            font-size: 30px;
        }

    </style>
</head>
<body>
    <p>这是p标签</p>
    <div style="color: aqua;">这是标签</div>
</body>



返回顶部