学习HTML5&CSS的一点记录(二)

所学标签意思

  • 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…粉色

所学模板

  1. 设置背景颜色
    给要设置背景颜色的地方用div标签包括起来,在div内设置一个选择器,决定它的属性

  2. 使用ID属性设置标签样式
    类似于类选择器,只是将class改换为id,而在style内把(.XX)改为(#XX)

  3. 设置边框边距

  • 方法一:
    .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;
    }

未完待续。。。。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值