1.css背景
2.1 背景颜色
background-color
CSS中，颜色值通常以以下方式定义:
十六进制 - 如："#ff0000"
RGB - 如："rgb(255,0,0)"
颜色名称 - 如："red"
2.元素
元素分为块级元素，行内元素，行内块元素
2.1块级元素
在HTML中，块元素在浏览器显示状态下将占据一行，并且排斥其它元素与其位于同一行，块元素内部可以容纳其它其他块元素和行内元素，可以设置宽高
常用的块级元素有：div、p、h1、ol、ul、dl、tabel、form；
<style>
div{
height: 200px;
background-color:skyblue;
}
</style>
<body>
<div></div>
</body>
2.2行内元素
行内元素可以与其他行内元素位于同一行，行内元素不能容纳块元素，但是可以容纳行内元素
不可以设置宽高，margin只能设置左右
常见的行内元素有a、span、i、strong、em、label；
<style>
a{
width: 300px;
height: 200px;
background-color: skyblue;
margin:10px;
padding: 10px;
}
</style>
<body>
<a href="#">文本</a>
</body>
2.3行内块元素
行内块元素的特性和块元素完全一样，除了一点：它不独占一行；
常见的行内块元素有img、input；
<style>
img{
width: 300px;
height: 200px;
margin: 10px;
}
</style>
<body>
<img src="img/banner.png" alt="">
</body>
2.4元素的转换
不同元素之间可以相互转换
display:block;/可以转换为块元素/
display：inline;/可以转换为行内元素/
display：inline-block;/可以转换为行内块元素/
扫一扫
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
