码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-08-04 18:07:40      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:order   top   tab   --   bottom   lis   osi   区域   ica   

----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:边框图片

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

标签:order   top   tab   --   bottom   lis   osi   区域   ica   

原文地址:https://www.cnblogs.com/fdxjava/p/11299002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!