font-size 在body设置, 在p中设置会优先于body
font-italic 斜体
font-oblique 斜体
font-weight
font-weight: normal 恢复正常
font-weight:bold 加粗 //用这个就行,其他无效
font-weight:bolder 更粗
font-weight:lighter 更细的
font-weight: 100~900 600以后显示,之前无效
font-family: 楷体,微软雅黑,宋体 ; //字体样式 , 用逗号隔开是备用字体.
简写方式
Font:50px 楷体; //最少写俩个(size 和 family), 其他选写但必须放在 size和family的前面.
web字体
在 头标签中写 @font-face{
font-family:'ab'; //起个名字 叫ab 要加单引号
src:url() } 然后 在 标签内调用 font-family:ab
这种方法 不建议中文使用.
文本样式
有三种 : 文本装饰英文大小写文本阴影
text-decoration:underline; 下划线
text-decoration:overline;上划线
text-decoration:line-through; 删除线
text-decoration:blink ;闪烁 但是现在已经无效了
text-decoration:none; 让本身的装饰取消掉 //比如 超链接a 本身有下划线 用这个属性就可以取消掉.
英文
text-transfom: uppercase; lowercase;capitalize;(变为大写,变为小写,字母大写)
text-shadow 阴影
p{text-shanow:5px 5px 3px black;}
水平 垂直 模糊 颜色
文本控制
text-align: left;
text-align:right;
text-align:center;
text-align:justify //俩端对齐,俩边填充
文本空白处理
white-space:nowrap; //默认 多个空格被压缩,自动换行
white-space:pre; // 空白处被保留,于到换行符换行.
white-space:nowrap;// 空白 被压缩,文本不换行
white-space:pre-line;// 空白压缩 排满 遇到换行符 则换行
white-space:pre-wrap;//空白符被保留 排满 遇到换行符 则换行
letter-spacing:4px //间距 normal 是默认值恢复
Word-spacing:15px// 英文单词之间的间距 HTML html
line-height:200% // 行间距 1,2,3==100%,200%,300%,
word-wrap:break-word; //过长的英文单词断开, 直接在p里加就行
text-indent :20px//首行缩进.