码迷,mamicode.com
首页 > Web开发 > 详细

css文字样式

时间:2018-09-07 21:36:17      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:中文   逗号   lower   rap   下划线   必须   设置   自动换行   blink   

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-nowrap;//  空白 被压缩,文本不换行

 

css文字样式

标签:中文   逗号   lower   rap   下划线   必须   设置   自动换行   blink   

原文地址:https://www.cnblogs.com/ningjie/p/9607088.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!