CSS--层叠样式表（Cascading Style Sheets)

最新推荐文章于 2024-10-09 12:38:59 发布

小祁~

最新推荐文章于 2024-10-09 12:38:59 发布

阅读量125

点赞数 1

文章标签： css 前端 html

本文链接：https://blog.csdn.net/qq_56015865/article/details/128506981

版权

Css来控制页面布局和样式.。

HTML与Css关系：

HTML结构层--负责从页面角度搭建页面结构。

Css样式层--负责从审美角度美化页面。

JavaScript行为层--负责从交互的角度提升用户体验。

Css样式引用的四种方式：

（1）头部样式（内嵌式）

<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="css/1231.css">
    <style type="text/css">
        p{color: #cda;font-size: 50px;font-style: italic;}
    </style>
</head>

（2）行内样式

<p style="color: blue;font-size: 20px;font-style: italic;">这是二行字。。。</p>

（3）链接式（外部样式）

<link rel="stylesheet" href="css/1231.css">

（4）导入式

<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="css/1231.css">
    <style type="text/css">
        @import url("css/1231.css");
    </style>
</head>

个别属性：

margin         /*边距*/
padding        /*内填充*/
letter-spacing /*字间距*/
float          /*浮动*/
line-height    /*行高*/
margin-bottom  /*段间距*/
text-indent    /*首行缩进*/