一、CSS介绍

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;
}

结果图:

一、CSS介绍

上一篇:华人曾与IBM抗衡! 盘点已远去的IT巨头(转)


下一篇:java web之个人通讯录系统