CSS的使用:CSS与html三种结合方式
1.内联样式
2.内部样式
3.外部样式
<link rel="stylesheet" href="css/a.css">
三种基本选择器
1.元素选择器
元素{
}
2.id选择器
#id值{
}
3.类选择器
.类名{
}
常用css样式:
属性 | 功能 |
---|---|
width: 300px; | 宽度 |
height: 36px; | 高度 |
border: solid 1px #ffc900; | 边框:实线,粗度,颜色 |
margin: 2px | 外边距 |
padding: 5px; | 内边距 |
float: left; | 悬浮:靠左 |
background-color: #ffc900; | 背景颜色 |
text-align: center; | 文本左右居中 |
line-height: 36px; | 文本上下居中 |
font-size: 12px; | 字体大小 |
border-radius: 5px; | 圆角边框,参数为曲线度数 |