css- 列表-表格table-轮廓-定位-浮动-盒子模型

Posted 2022-06-11 fdxjava

----css列表
list-style --简写列表项
list-style-image--列表项图像（url("");）
list-style-position--列表标志位置
list-style-type --列表类型--（空心圆，数字，黑点）

----css表格table
#tb,tr,th,td
边框border:1px solid blue;边缘线颜色
text-align:center;

#tb
width:400px;
height:400px;
border-collapse:collapes;折叠合并单元格的双重线

 

----css轮廓--主要用来突出元素的作用
outline --设置轮廓属性
outline-color --设置轮廓的颜色
outline-style --设置轮廓的样式（虚线实线包裹）
outline-width --设置轮廓的宽度

----css定位（普通流，浮动，绝对布局）
属性：
position --把元素放在以恶搞静态的，相对的，绝对的，或固定的位置中
static relative absolute fixed
top,left,right,bottom
overflow --设置元素溢出其区域发生的事情
clip --设置元素显示的形状
vertical-align --设置元素垂直对齐方式
z-index --设置元素的堆叠顺序-

----css浮动
float --left,right,none-不浮动，inherit-从父级继承浮动属性
clear-去掉浮动属性left,right,both,inherit（包括继承来的属性）

----css盒子模型
margin(外边距),border(边框),padding(内边距),content（内容）组成部分
--border-style:边框样式10种：double-双边框 dotted-虚线
--单边框样式-border-top-style
--border-radius:圆角边框
--box-shadow:边框阴影--4个参数
--border-image:边框图片