html中table设置字体,table的默认属性及css字体
前⼏天⼀直忙着敲代码，没有时间整理内容
今天上了关于position的使⽤，position属性有五个值
1.inherit 从⽗元素继承 position 属性的值。
2.static 默认值。没有定位，元素出现在正常⽂档流中( 忽视top ,left, right, bottom，或者z-index的声明)
3.fixed 固定定位 ⽣成绝对定位的元素，相对于浏览器窗⼝进⾏定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进⾏规定。会改变⾏块元素的默认表现。
5.absolute 绝对定位  ⽣成绝对定位的元素，相对于浏览器窗⼝进⾏定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进⾏规定。
table标签
默认属性
1.display : table ; 此元素会作为块级表格来显⽰(类似 )，表格前后带有换⾏符。
2.border-collapse :separate 边框会被分开。属性设置表格的边框是否被合并为⼀个单⼀的边框
3.border-spacing: 2px; 该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中，第⼀个是⽔平间隔，第⼆个是垂直间隔。除⾮ border-collapse 被设置为 separate，否则将忽略这个属性。尽管这个属性只应⽤于表，不过它可以由表中的所有元素继承。
4.border-color: grey;
tb o dy>默认属性
1.display: table-row-group 此元素会作为⼀个或多个⾏的分组来显⽰
2.vertical : middle;
3.border-color: inherit;
4.border-collapse : separate;
< t r> t r>默认属性
1.display: table-row ；此元素会作为⼀个表格⾏显⽰
2. vertical :inherit ;
3. border-collapse: seperate ;
默认属性
1.font-weight: bold;
2.display:table-cell；此元素会作为⼀个表格单元格显⽰
<-indent: internal-center
默认属性
1.display:table-cell;
2.vertical-align: inherit;
colspan: 跨列合并 colspan="0" 指⽰浏览器横跨到列组的最后⼀列
rowspan：跨⾏合并 rowspan="0" 指⽰浏览器横跨到表格部分的最后⼀⾏
⼆.字体的使⽤
2.font-size ⽂字 字号 可以百分⽐ em⽗级⽂字字号的倍数 rem 根的倍数
3.⾸⾏缩进设置 中⽂ text-indent
4.font-weight 字重
5.font-style: 斜体设置 italic 斜体设置 normal正常设置
6.font-family 字体设置
7.⽂字⽔平对齐 text-align:
<-align:justify ⽂字两边对齐 有兼容性问题
9.letter-spacing 字符间距
10.word-spacing 单词间距 不⽀持中⽂
11.⽂字修饰 text-decoration overline 上划线 line-through 中划线
12.vertical 垂直对齐⽅式
13.内容超出处理overflow: auto hidden scroll scroll-x scroll-ycss固定定位
英⽂没有空格时候不换⾏ 中⽂没有换⾏问题
auto容器⾃适应内容，内容⾼度超出容易，会出现竖直滚动条，如果内容宽度超出容器，会出现⽔平滚动条
hidden 是把超出容器的内容部分给裁减掉
scroll
给容器设置滚动条，如果内容没有超出容器，将⽆法滚动 overflow-x: 对容器的⽔平⽅向处理overflow-y: 对容器的垂直⽅向处理overflow：auto hidden 两个属性还可以⽤于清除浮动
font-size⼩于12px，会默认以12px结算
font-size设置 ⼤于12px按照设置的倍数
⼩于12px按照12px
100-300 lighter
font-weight:400 相当于 normal
font-weight: 500+ 相当于 bold

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。