css的字体设置,css的盒子模型,css的盒子模型的边框,盒子模型的内边距属性,盒子模型的外边距属性, 阳光穿透心脏的1/2处 2022-06-06 03:07 227阅读 0赞 10 字体 **Fond-size:100px; 设置字体的大小** **color:red; 设置字体的颜色** 11 **CSS盒子模型**:所有的html元素都是一个四边形,即一个盒子。用CSS来设置盒子的内边距,边框,外边距的样式的方式,相当于设置盒子的样式,所以我们将其称为盒子模型 **边框 border 内边距 padding 外边距 margin** **上 top 下 bottom 左 left 由 right** 12 盒子模型的边框:**边框**有四个属性(上下左右边框)可以设置 上边框 border-top 下边框 border-bottom 左边框 border-left 右边框 border-right 示例:<span style=”border-top: 1px solid red;”>内容体</span> 多个属性之间是用空格隔开 通用设置(设置四个边框)例如:设置上下左右边框都是1像素 实体 红色线 **Border: 1px solid red; 就可以了** 13 盒子模型的**内边距 padding(也是有上下左右四个边距)**:就是html内容体到html边框的距离 上内边距padding-top 下内边距padding-bottom 左内边距padding-left 右内边距padding-right 通用性设置:也是一次性设置上下左右边距距离** 例如:padding:10px;** 14 盒子模型**外边距 margin** (同样有上下左右):html元素边框到其他html边框的元素的距离 上外边距margin-top 下外边距margin-bottom 左外边距margin-left 右外边距margin-right 通用性设置:一次性设置上下左右外边距距离都为10px **Margin:10px;**
还没有评论,来说两句吧...