css初识~

最新推荐文章于 2024-07-18 12:38:19 发布

东北玛丽的小笔记

最新推荐文章于 2024-07-18 12:38:19 发布

阅读量105

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/weixin_44614856/article/details/87097043

版权

11 篇文章 0 订阅

订阅专栏

CSS通常称为CSS样式表或层叠样式表（级联样式表）.主要用于设置 HTML页面中的文本内容（字体、大小、对齐方式等）.图片的外形（宽高.边框样式.边距等）以及版面的布局等外观显示样式.

CSS以HTML为基础.提供了丰富的功能.如字体.颜色.背景的控制及整体排版等.而且还可以针对不同的浏览器设置不同的样式.

引入CSS样式表（书写位置）

1.内联样式
内联样式.又有人称行内样式.行间样式.是通过标签的style属性来设置元素的样式.其基本语法格式如下：

<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>

例:

<div style="color: red; font-size: 14px;">啦啦啦</div>

注意：

2.内部样式表（内嵌样式表）
内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：

<head>
<style type="text/CSS">
    选择器 { 
      属性1:属性值1;
      属性2:属性值2; 
      属性3:属性值3;
    }
</style>
</head>

注意：

3.外部样式表（外链式）
链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中，其基本语法格式如下:

<head>
  <link href="CSS文件的路径"  rel="stylesheet" />
</head>

该语法中，link标签需要放在head头部标签中，并且必须指定link标签的三个属性，具体如下：

三种样式表总结（位置）
在这里插入图片描述

关注

专栏目录