CSS中特性Padding的主要参数个数界定及值的设定

日期:2021-03-10 类型:科技新闻 

关键词:如何创建网站,免费网站建站,网站建设文章,网站建设7个基本流程,自动建站

1直弄不搞清楚padding特性的值的设定
今儿算是弄搞清楚了
比如:

拷贝编码
编码以下:

body { padding: 36px;}
body { padding: 36px 24px; }
body { padding: 36px 24px 18px; }
body { padding: 36px 24px 18px 12px; }

查询了CSS的规范文本文档,在其中是这样要求的:
假如只出示1个,将用于所有的4条边;
假如出示两个,第1个用于上-下,第2个用于左-右;
假如出示3个,第1个用于上,第2个用于左-右,第3个用于下;
假如出示所有4个主要参数值,将按上-右-下-左的次序功效于4边。

拷贝编码
编码以下:

body { padding: 36px;} //目标4边的补钉边距均为36px
body { padding: 36px 24px; } //左右两侧的补钉边距为36px,上下两侧的补钉边距为24px
body { padding: 36px 24px 18px; } //上、下两侧的补钉边距各自为36px、18px,上下两侧的补钉边距为24px
body { padding: 36px 24px 18px 12px; } //上、右、下、左补钉边距各自为36px、24px、18px、12px
上一篇:SEO套餐内容 返回下一篇:没有了