用盒子模型理解CSS/属性概括总结/学习笔记--- 【CSS基础】(持续更新)

59 阅读1分钟

怎么样理解CSS

我的理解:

  • 凡是HTML标签里面能放数据的,都可以把它当作是一个盒子
  • 那么CSS对HTML样式的操控自然分为两类:盒子,盒子里的数据
  • CSS的书写样式: 所选择的盒子 : { 样式名 : 具体取值; }

1. 对数据的样式操控:

字体(font):

image.png

文本(text):

image.png

2. 对于盒子的操控:

边框(border):

image.png

内边距(padding):【只有粗细】

image.png

外边距(margin):【只有粗细】

image.png

背景(background):

image.png

展示的样式(display):【盒子分为:块盒子(div/p/h1~h6),行盒子(a/span/strong),行内块盒子(img/input/td)】

image.png