CSS快速入门（一）

最新推荐文章于 2024-07-08 23:31:51 发布

xaiozhu`s code

最新推荐文章于 2024-07-08 23:31:51 发布

阅读量81

点赞数 4

分类专栏：前端，CSS，HTML HTML 文章标签： css html html5

本文链接：https://blog.csdn.net/zy12344321/article/details/117527837

版权

前端，CSS，HTML 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

HTML

7 篇文章 0 订阅

订阅专栏

一.css简介

1.定义：CSS 是 Cascading Style Sheets 的缩写，即：层叠样式表单。

2.作用：

（1）. 定义 Web 页面布局以及页面中元素的显示方式。

（2）. 利用 CSS 样式实现 HTML 内容(结构)与表现(格式)的分离。

二、CSS与HTML的关系

三、CSS与HTML加载流程

四、CSS语法

1.CSS语法结构：

2.CSS注释

(1)注释方式：/*xxx*/

(2)注释语法，示例：

<html>
<meta charset="UTF-8">
<title>CSS</title>
    <style type="text/css">

        /* 这是一个注释说明 */        
        p {            
            color: blue;  /* 蓝色字体 */            
            font-size: 30px;        
       }    
    </style>
<body>
<p>Hello CSS!</p>   
</body>
</html>

3.CSS引入方式

（1）内嵌式：又称行内式，在HTML标签上编写样式，如：<p style="color:red">