css文字样式

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//首行缩进.