CSS介绍

1、css概述：

　　CSS指层叠样式表

　　CSS样式表极大地提高了工作效率

selector{

　　　　property：value

　　　　}

注：property(属性)大于1之后，property之间用分号隔开；

　　如果value（值）大于1个单词，则需要加上引号；

h1,a,h2{
    color:blue;
    font-size: 50px;
    font-family: "Adobe Myungjo Std M";
}

html中引入css文件

<link href="mycss.css" type="text/css" rel="stylesheet">

实例：

<!--index.html-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="mycss.css" type="text/css" rel="stylesheet">
</head>
<body>
    <h1>
        应用了样式表hello
    </h1>
    <a href="#">这是一个a标签的样式</a>
    <h2>hi,guys!</h2>
    <h3>I Love You!</h3>
    <p>Hello CSS3</p>
</body>
</html>

/*mycss.css*/
h1,a,h2{
    color:blue;
    font-size: 50px;
    font-family: "Adobe Myungjo Std M";
}

body{
    color: khaki;
}

p{
    color: brown;
}

结果图：

posted on 2019-03-13 20:46 自闭少女阅读(112) 评论(0) 编辑收藏举报