字体:
Fond-size:100px; 设置字体的大小
color:red; 设置字体的颜色
CSS 盒子模型: 所有的 html 元素都是一个四边形, 即一个盒子. 用 CSS 来设置盒子的内边距, 边框, 外边距的样式的方式, 相当于设置盒子的样式, 所以我们将其称为盒子模型
边框 border 内边距 padding 外边距 margin
上 top 下 bottom 左 left 由 right
盒子模型的边框: 边框有四个属性 (上下左右边框) 可以设置
上边框 border-top
下边框 border-bottom
左边框 border-left
右边框 border-right
示例:<span style="border-top: 1px solid red;">内容体</span>
多个属性之间是用空格隔开
通用设置 (设置四个边框) 例如: 设置上下左右边框都是 1 像素 实体 红色线
Border: 1px solid red; 就可以了
盒子模型的内边距: padding(也是有上下左右四个边距): 就是 HTML 内容体到 HTML 边框的距离
上内边距 padding-top
下内边距 padding-bottom
左内边距 padding-left
右内边距 padding-right
通用性设置: 也是一次性设置上下左右边距距离 例如: padding:10px;
盒子模型外边距 margin (同样有上下左右):HTML 元素边框到其他 HTML 边框的元素的距离
上外边距 margin-top
下外边距 margin-bottom
左外边距 margin-left
右外边距 margin-right
通用性设置: 一次性设置上下左右外边距距离都为 10px
来源: http://www.bubuko.com/infodetail-3050338.html