1定位与布局的基本属性 12外边距与内边 口外边距属性 margin属性可以设定元素的所有外边距。 口该属性可以通过1-4个正负值进行设置,其值可以为像素、百分比等单 位,也可从父元素继承外边距。 可以通过 margin-top、 margin- right、 margin- bottom、 margin left属性分别设置。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.定位与布局的基本属性 外边距属性 margin属性可以设定元素的所有外边距。 该属性可以通过1-4个正负值进行设置,其值可以为像素、百分比等单 位,也可从父元素继承外边距。 可以通过margin-top、margin-right、margin-bottom、marginleft属性分别设置。 6 1.2外边距与内边距
1定位与布局的基本属性 12外边距与内边 口具体语法: 快速定义盒子的外边距都为10像素 margin:10px 定义上下外边距为5像素,左右外边距为10像素材 margin. 5px 10px 定义上外边距为5像素,左右外边距为10像素,下外边距为15像素” argin 5px 10px 15px 定义上外边距为5像素,右外边距为10像素,下外边距为15像素,左边外距为20像素 margin: 5px 10px 15px 20px 厂单独定义上外边距为5像素 nargin-top 5px 厂单独定义左外边距为10像素 单独定义右外边距为15像素 margin-night: 15px 严单独定义下外边距为20像素” 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.定位与布局的基本属性 具体语法: 7 1.2外边距与内边距
8 1定位与布局的基本属性 12外边距与内边 口行内元素的外边距 当行内元素定义外边距时,只能看到左右外边距对布局的影响,但 是上下外边距犹如不存在一般,不会对周围元素产生影响。 口块级元素的外边距 对于块级元素来说,外边距都能够很好的被解析。可以用 “ display”属性来改变元素的表现形式来保证元素对外边距的支 持。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.定位与布局的基本属性 行内元素的外边距 当行内元素定义外边距时,只能看到左右外边距对布局的影响,但 是上下外边距犹如不存在一般,不会对周围元素产生影响。 块级元素的外边距 对于块级元素来说,外边距都能够很好的被解析。可以用 “display”属性来改变元素的表现形式来保证元素对外边距的支 持。 8 1.2外边距与内边距
9 1定位与布局的基本属性 12外边距与内边距 口内边距属性 padding属性可以设定元素的所有内边距。该属性可以通过1-4个正 负值进行设置,其值可以为像素、百分比等单位,也可从父元素继 承外边距。 可以通过 padding-top、 padding-right、 padding-bottom、 padding-left属性分别设置。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.定位与布局的基本属性 内边距属性 padding属性可以设定元素的所有内边距。该属性可以通过1-4个正 负值进行设置,其值可以为像素、百分比等单位,也可从父元素继 承外边距。 可以通过padding-top、padding-right、padding-bottom、 padding-left属性分别设置。 9 1.2外边距与内边距
10 1定位与布局的基本属性 12外边距与内边 口具体语法: 快速定义盒子的内边距都为10像素 padding: 10px; 定义上下内边距为5像素,左右内边距为10像素 adding: 5px 10px 定义上内边距为5像素,左右内边距为10像素,下内边距为15像素 padding: 5px 10px 15px 定义上内边距为5像素,右内边距为10像素,下内边距为15像素,左内边距为20像素 padding: 5px 10px 15px 20px 厂单独定义上内边距为5像素 adding-top 5px 厂单独定义左内边距为10像素 padding-left: 10px 厂单独定义右内边距为15像素” padding-nght: 15px 单独定义下内边距为20像素 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.定位与布局的基本属性 具体语法: 10 1.2外边距与内边距