CSS前言

tangtian_yes

于 2021-03-27 16:43:30 发布

阅读量64

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/m0_56315262/article/details/115266184

版权

1 篇文章 0 订阅

订阅专栏

选择器 {声明1}

选择器：我们要修改样式的HTML元素，例如<body>,<div>
申明：各种修改样式的属性和其值，格式：{属性: 值;}

案例介绍
定义样式代码
在这里插入图片描述

html文本内容
在这里插入图片描述

实现效果
在这里插入图片描述

1、内部样式表
就是将style标签写在head标签内部

<head>
    <meta charset="utf-8">
    <title>Hello World</title>
    <style type="text/css">
       /*样式添加在这里*/
    </style>
  </head>

2、外部样式表
就是将CSS文件分离出去，要使用加入文件地址即可

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

属性rel的值stylesheet代表样式表，通常不变。href属性值，代表文件的位置
在这里插入图片描述
CSS文件里直接写内容即可

3、内联样式
就是直接在标签里面加入属性即可

<p style="color: Red; margin-left: 24px; font-size:20px;">内联样式CSS表格<p>

样式的显示优先级顺序

外部样式< 内部样式 < 内联样式

关注

专栏目录