黑马程序员济南中心PHP第5天教程.docx

【济南中心】PHP课程同步笔记day05：CSS介绍(二)CSS内边距属性：padding填充?Padding:一个数字，指的是四个方向是一样的（上右下左） Padding的四个属性：?Padding-top(上内边距),padding-right(右内边距),padding-bottom(下内边距),padding-left(左内边距)?Padding:当padding后有两个数字时即Padding:10px 20px;?指的是上下内边距为10px,左右内边距为20px?注意：两个数字之间有空格。?Padding：当padding后有三个数字时即Padding:10px 20px 30px;?指的是上边距10px,下边距的填充为30px,左右边距为20px;?Padding:当padding后有四个数字时即padding:10px 20px 30px 40px;?按着顺时针方向。(上右下左)注释：不允许使用负值。代码：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtml head title new document /title meta http-equiv=Content-Type content=text/html;charset=UTF-8 / style type=text/cssdiv{border:1px solid red;width:300px;padding:20px;} /style /head body div id=test抓住眼前的人和事，不要再去为那遥远的虚无缥缈耗费心思，做你该做的事，不要为别人，与自己没关系的事，费劲自己的心思，不要活在过去里，无论你有任何的伤痛，回忆只会带给自己无穷无尽的苦恼，走出痛苦，活在当下，人生路很长，我要走好。 /div /body/htmlCSS外边距属性：marginMargin：当margin后有一个数字时，指的是四个方向是一样的，即margin-top(上外边距),?margin-right(右外边距),margin-bottom(下外边距),margin-left(左外边距)margin:当margin后有两个数字时，即margin:10px 20px;?指的是上下外边距为10px,左右为20px注意：两个数字之间有空格。Margin：当margin后有三个数字时，即margin:10px 20px 30px;?指的是上外边距10px,为30px,左右外边距为20px;margin:当四个数字?如：padding:10px 20px 30px 40px;?按着顺时针方向。(外边距，上右下左)?margin:0 10px;?margin:0;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtml head title new document /title meta http-equiv=Content-Type content=text/html;charset=UTF-8 / style type=text/cssdiv{border:1px solid red;width:300px;padding:20px;margin:20px;} /style /head body div id=test抓住眼前的人和事，不要再去为那遥远的虚无缥缈耗费心思，做你该做的事，不要为别人，与自己没关系的事，费劲自己的心思，不要活在过去里，无论你有任何的伤痛，回忆只会带给自己无穷无尽的苦恼，走出痛苦，活在当下，人生路很长，我要走好。 /div /body/htmlCSS背景background?Background-color 背景色,英文单词或十六进制颜色都可以。?Background-image:url(图片路径)背景图?Background-repeat （no-repeat不重复，repeat-x,repeat-y）重复?Background-position(left,center top bottom right) 背景图定位CSS浮动和清除?浮动的元素可以理解为该元素已经脱离文档流。“已经不存在了”?浮动只有两个方向：left,right?float:left(左浮动), float:right（右浮动）;?浮动的位置：浮动到包含元素的边界。或具有浮动属性元素的