学习笔记：CSS基础

CSS基础

1. 边距

黑色与白色的字为元素内容，三个矩形加粗的黑色部分为边框；黄色区域为外边距，红色区域和蓝色区域为内边距

• 内边距（padding）：控制着元素内容与border之间的空隙大小
• 外边距（margin）：控制元素的边框与其他元素之间的距离
• 注意：上面两者均可为负数，具体效果要自己多尝试；上面两者均可以分别为四个不同方向设置他们的值，也可一次性按照顺时针（上 右 下 左）方向进行设置。

2. 使用属性选择器来设置元素的样式

• [attr=value]，这个选择器使用特定的属性值来匹配和设置元素样式。

• 改变所有type为radio的元素的外边距:

  [type='radio'] {
       
    margin: 20