PHP学习05

css中的属性
一、font
font-style normal italic oblique设置字体为斜体
font-weight bold      给字体加粗
font-size      直接设定字体的大小
font-family      直接设置文本为什么字体 如微软雅黑

font: style weight size family      简写形式，形式固定而且size根family不能少

二、文本对齐方式
text-indent px/%/em      文本首行缩进，一般用em，因为em是相对界面的大小
text-align left right  center     文本的对方式
text-overflow clip ellipsis       当块容器中装不下内容时采用裁切还是用...表示
clip需配合overflow使用且值不能为visible 同时width必须有值，white-space为nowrap
textcoration none overline underline line-through  指定下划线的位置
text-shadow 需用四个值去描述，至少写前三个 分别为 水平的距离 垂直的距离 模糊程度 颜色（模糊度不允许有负值）
line-height 直接设定行高的值 当行高与所在的区域块的高一样，则文本垂直居中
vertical-align baseline 与基线对齐
sub 垂直对齐文本的下标
sup 垂直对齐文本的上标
top 对象顶端对齐
text-top 文本顶端对齐
middle 对象的中部对齐
bottom 对象的底端对齐
text-bottom 文本与对象的底端对齐
px/% 根据基线算偏移量的对齐方式
三、background
background-color 背景颜色，直接给定
background-image 背景图片，url(地址，不要用双引号引上)
background-repeat repeat-x repeat-y repeat no-repeat 背景图的填充方式
backround-attachment fixed scroll 图像是随内容滚动还是固定的
background-position 直接用%/px ，center left right top bottom(从哪个方向开始填充) 背景图的位置

background:直接填上所需的属性 位置不固定

四、list
list-style-image 列表项标记的图片，相当于有序列表前面的序号
list-style-position outside inside 列表标记根据文本排列
list-style-type 列表前面的小符号 disc circle square decimal...

list-style(复合属性，如使用它，含有imgage的必须放在最后)

五、position
positon relative相对于本身位置的定位 absolute相对于父级的绝对定位 fixed相对于窗体的绝对定位 对象的定位方式
top 相对于顶边界向下移的位置
left 相对于顶边界向右移的位置
right 相对于顶边界向左移的位置
bottom 相对于顶边界向上移的位置
z-index 对象的层叠顺序，默认值为0 值越大优先级越高

六、布局
float left right 浮动
clear both left right 清除浮动
display（对象是否及如何显示） inline 指定对象成为内联元素
block 指定对象成为块元素
list-item 指定对象成为列表项目
inline-block 指定对象为内联块元素
table 指定对象作为块元素级的表格。
inline-table 指定对象作为内联元素级的表格
table-caption 指定对象作为表格标题
table-cell 指定对象作为表格单元格
table-row 指定对象作为表格行
table-row-group 指定对象作为表格行组
table-column 指定对象作为表格列
table-column-group 指定对象作为表格列组显示
table-header-group 指定对象作为表格标题组
table-footer-group 指定对象作为表格脚注组
visibility visible（可视） hidden（隐藏，但是位置保留根display的none不一样，none是位置也不保留） collapse(主要隐藏表格的行列)  是否显示对象

overflow(复合属性) visible(不做处理，内容超出容器)  hidden(隐藏溢出内容且不出现滚动条) 

(text-overflow也可以处理文本信息的) scroll(隐藏溢出内容，溢出的内容以滚动条的方式呈现) 

auto（当内容没有溢出容器时不出下滚动条，溢出时则会出现滚动条）  处理溢出内容的方式

六、border
border-color 边界颜色，直接给定
border-width 边界的粗细，直接给值
border-style none hidden dotted dashed solid double groove ridge inset outset(边框样式)
border-radius 圆角边框 直接设定px/%
box-shadow 边框的阴影，跟文本的阴影用法一样

border:复合属性，可以同时设定它们的值

七、margin（外边距）margin-top   margin-right   margin-left  margin-bottom 
如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。                
如果只提供一个，将用于全部的四边。 
如果提供两个，第一个用于上、下，第二个用于左、右。 
如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。 
非替代(non-Replaced)行内元素可以使用该属性设置左、右两边的外补丁；
若要设置上、下两边的外补丁，必须先使该对象表现为块级或内联块级。 外延边距始终透明。

八、padding(内边距，跟外边距的四个值一样) padding-top padding-right padding-bottom padding-left