CSS学习

来源：互联网发布：h5砸金蛋游戏源码编辑：程序博客网时间：2024/06/06 02:22

CSS : 层叠样式表

1,作用 : 美化Html页面

2,css的3种写法

a,行间样式表

b,内部样式表

<head>

<title> html学习 </title>

#aaa{width:400px;height:300px;border:2px solid blue; }

</style>

</head>

c,外部样式表样式代码专门放到一个文件中,由html网页调用

css文件 {width:200px;height:150px;border:3px solid yellow;background:pink;}
html文件： rel="stylesheet" rev="stylesheet" href = "abc.css">
<div id="bbb">789</div>

3，选择器

标签选择器

id选择器

类选择器

<html>

<head>

<title>css_Study</title>

p{font-size : 30px;color:red;}

div{width:200px;height:30px;border:1px solid red}

#aaa{color:green }

.cls{text-decoration:underline}

</style>

</head>

<body>

<p>这是一个p标签</p>

<div>这是一个div标签</div>

<a id="aaa">这是一个a标签</a>

<br/>

<div class="cls">这是一个div标签</div>

</body>

</html>

0 0