所学标签意思
- background-color…背景颜色
- gray…灰色
- id 属性应该是唯一的。虽然浏览器不会强制唯一,但这是被广泛认可的。所以请不要给一个以上的元素相同的 id 属性。
- padding…内边距
- margin…外边距
- border…边框
- 如果将一个元素的 margin 设置为负值,则元素将会变大。
- padding-top…顶部内边距
- padding-bottom…底部内边距
- padding-right…右部内边距
- padding-left…左部内边距
- 在编写选择器时一定要记住按分号;
- margin-top、margin-right、margin-bottom 和 margin-left…同上xx外边距
- override…覆盖
- pink…粉色
所学模板
-
设置背景颜色
给要设置背景颜色的地方用div标签包括起来,在div内设置一个选择器,决定它的属性 -
使用ID属性设置标签样式
类似于类选择器,只是将class改换为id,而在style内把(.XX)改为(#XX) -
设置边框边距
- 方法一:
.red-box {
background-color: red;
padding-top: 40px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 40px;
} - 方法二:
这四个值以顺时针方式排列:顶部、右侧、底部、左侧,简称:上右下左
简单点就是:顺时针表示法
.red-box {
background-color: red;
padding: 20px 40px 20px 40px;
}
未完待续。。。。。。