首页 > 程序开发 > web前端 > HTML/CSS >

CSSTest3

2016-12-30

CSS教程、样式定义。CSSTest3

兼容性:

ul:设置列表样式类型为没有删除列表项标记:

ist-style-type:none

padding:0px

margin:0px

li: 无重复,定位,放置列表

background-repeat: no-repeat;

background-position: 0px 5px;

padding-left: 14px;

列表 -缩写属性

list-style-type: circle

list-style-type: square

list-style-type: upper-roman

list-style-type: lower-alpha

list-style: square url("sqpurple.gif");

简写属性:list-style

顺序为:

list-style-type --> 列表项标志的类型

list-style-position --> 设置列表中列表项标志的位置

list-style-image --> 将图象设置为列表项标志

表格:

请注意,在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。

为了显示一个表的单个边框,使用 border-collapse属性

border --> 边框

width-->宽度 height-->高度

表格文字对齐:

text-align

表格填充:

padding:上px 下px 左px 右px

表格颜色:(背景和颜色等)

background-color:green;

color:white;

定位表格标题:

caption {caption-side:bottom;}

盒子模型:

width(宽度)

Margin(外边距) - 清除边框外的区域,外边距是透明的。

Border(边框) - 围绕在内边距和内容外的边框。

Padding(内边距) - 清除内容周围的区域,内边距是透明的。

Content(内容) - 盒子的内容,显示文本和图像。

相关文章
最新文章
热点推荐