CSS---基本书写方式

CSS—书写方式

css与html有什么区别?

html是超文本标记语言:通过各种各样的标签来画页面

css是层叠样式表:通过各种各样的样式来修饰页面的

三种书写方式:

【1】内嵌样式,style里写的就是css

<h1 style="color: coral;font-family: 萝莉体 第二版;">我是一个标题标签1h1>

【2】内部样式:修饰所有h1标签

<html>
        <head>
                <meta charset="UTF-8">
                <style type="text/css">
                        h1{
      
                                color: indianred;
                                font-family: 萝莉体 第二版;
                        }
                style>
        head>
        <body>
                <h1 >我是一个标题标签1h1>
                <h1 >我是一个标题标签2h1>
                <h1 >我是一个标题标签5h1>
        body>
html>

【3】外部样式:新建一个css为文件进行修饰

[外链图片转存失败(img-X7h5yckp-1564572387897)(D:\csdn博客\web\前端&html&css&js\图片\css.png)]

通过link标签导入mystyle.css文件进行修饰

 <head>
     <meta charset="UTF-8">
     <title>title>
     <link rel="stylesheet" href="css/mystyle.css" />
head>
<body>
    <h1 >我是一个标题标签1h1>
    <h1 >我是一个标题标签2h1>
    <h1 >我是一个标题标签3h1>
    <h1 >我是一个标题标签4h1>
    <h1 >我是一个标题标签5h1>
body>

你可能感兴趣的:(CSS,前端,css书写方式)