1.盒模型:CSS盒模型顾名思义就是一个盒子,由于封装周围的HTML元素,它包括边距、边框、内边距(填充)、内容(从外到内)。
2.盒模型它能使我们在其他元素的边框之间放置我们想要放置的元素(详细见下图)。
3.盒模型中有四个部分从外到内分别是边距、边框、内边距、内容,这四个部分会在下面详细的给大家讲解。
4.外边距:外边距属性用于定义边框外周围的空间,该属性接受所有的长度单位、百分数值甚至负值它也能接受。
5.外边距属性可以清除周围元素的区域,就好比本来是10/10,设置了外边距属性后就变成了20/20,但这就要看你设置的是多大了。外边距属性还可以单独改变元素的上、下、左、右四个方向的边距,能单独改变当然也能一次改变四个方向的属性值。
6.边框:边框是元素内容与内边距的一条线或多条线,你可以自定义它的样式和宽度以及颜色,使用这些属性值你可以创建出更加优美的效果。
7.内边距(填充):内边距(填充)是用于定义元素边框与内容之间的空间的。
8.它与外边距相似都可以设置上下左右四个方向的边距大小。
9.背景:背景属性用于定义元素的背景,文字的背景也可以定义,只不过定义之前要把文字转换为块级元素,这样才能定义。
10.背景颜色有三种写法:十六进制、RGB、颜色名称。
标签:定义,元素,基础,边框,内边,外边,CSS,属性 来源: https://blog.csdn.net/weixin_57762552/article/details/120660137
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。