/* CSS Document */
table{
width:400px;
height:200px;
text-align:justify; 【left区别:如果是是长篇英文,用left的话不会自动断行,文章靠右边会出现空白】
border-collapse:separate; 【表格边框空心/separate分离/collapse崩溃】
border-collapse:collapse; 【表格边框实 /collapse崩溃】
border-spacing:10px; 【表格间距】
caption-side:bottom; 【设置标题位置】
empty-cells:hide; 【隐藏空单元格的背景和边框】
table-layout:fixed; 【内容过长时自动换行Y轴延伸/layout布局/fixed固定】
table-layout:auto; 【内容过长时向右拉伸/默认格式】
border:5px solid red; 【设置表格外边框】
}
table tr th,table tr td{border:3px solid blue;} 【设置表格内边框】
ul{
list-style-type:square;
width:120px;
list-style-image:url(1111.png); 【引用图片做前缀标签】
list-style-position:inside; 【使无序标签成为文本的一部分】
list-style-position:outside; 【默认/使无序标签独立于文本,前缀于文本前】
}
【disc实心圆/circle空心圆/square实心方块/decimal阿拉伯数字/ lower-roman小写罗马数字/upper-roman大写罗马数字/lower-alpha小写英文字母/upper-roman大写英文字母】*/
ul{
list-style:lower-alpha inside url(1111.png);
}
.aa{
vertical-align:top;
vertical-align:middle;
vertical-align:bottom; 【单个表格的对齐设置】
}
b{
vertical-align:sub;
vertical-align:top; 【单独的上下标设置】
}
div{
width:300px;
height:300px;
background:silver;
text-align:center;
}
div span{background:green;
vertical-align:-80px; 【div无法垂直居中,必须加span并且用负值】
}
/*html <em>内容简介</em> <textarea rows="1">西安市</textarea> */
em{
vertical-align:-50px;} 【位置调整:正数向上、负数向下】