发表于： 2018-04-28 23:02:19
1 508
今天完成的事情
查看了学习资料盒子模型
学习了css三种样式并自己运用了一下三种形式
外部链接css文档
明天的计划
学习盒子模型的属性
遇到的问题暂时没有
今天的收获
知道了css三种样式的运用区别
外部样式
将CSS样式编写并安放在一个独立的.css文件内，用<link />标签来链接
链接css的文档编写格式
p {color: red;text-align: center;font-size: 40px;}
内部样式
定义在style标签中，放在head标签中，设置的样式
好像和元素选择器一样的
行内样式
写在标签内的样式，只影响该标签内的元素
知道了盒子模型分为标准盒子和ie盒子
标准盒子和ie盒子均由四个元素组成
Margin（外边距） - 清除边框区域。Margin没有背景颜色，它是完全透明Border（边框） - 边框周围的填充和内容。边框是受到盒子的背景颜色影响
Padding（内边距） - 清除内容周围的区域。会受到框中填充的背景颜色影响
Content（内容） - 盒子的内容，显示文本和图像
标准盒子的宽度高度属性为
高度=Content（内容）+上下Padding（内边距）+上下Border（边框）+上下Margin（外边距）
宽度=Content（内容）+左右Padding（内边距）+左右Border（边框）+左右Margin（外边距）
ie盒子的宽度高度属性为
高度=Content（内容）+上下Padding（内边距）+上下Border（边框）
宽度=Content（内容）+左右Padding（内边距）+左右Border（边框）
ie盒子不计算Margin（外边距）
返回列表
评论