div+CSS

1、基本思想:数据和样式分离。

简单理解:div是存放数据的容器,css是div中的内容如何显示,包括这些内容的位置和外观。

test.html文件

<html>
<head>
<title>test</title>
<!-- 引入css -->
<link rel="stylesheet" type="text/css" href="my.css"> </link>
</head>

<body>
<!-- 添加css中的样式style1 -->
<div class="style1">
hello world!
</div>
</body>

</html>

 

my.css文件

.style1 {
    background-color:red;
}

 

 

2、css基本结构。

选择器{

属性:属性值;

}

 

(1).类选择器{

属性:属性值;

}

注意:前面有点。

(2)#id选择器{

属性:属性值;

}

(3)html选择器。

某个html元素{

属性:属性值;

}

(4)通配符选择器,优先级最低。

*{

}

你可能感兴趣的:(div+css)