css性质(2)

作者: 下页luck | 来源:发表于2017-02-24 01:02 被阅读3次

1、font-family设置字体类型

<style>

      h1{ 

         font-family:“黑体”;

          }

      p{

          font-family:“宋体”,"Lucida Console";   /*优先级从左到右*/

          }

</style>

注意:font-family:"\5FAE\8F6F\96C5\9ED1" 表示微软雅黑。最好用这种方式,可以通过escape()函数获得Unicode编码

2、font-family设置字体系列(一般放在最后)

衬线体:字体有一些修饰的地方让字体变得美观

非衬线体:边角无修饰

3、font-weight设置字体的粗细

font-weight的属性值:normal(400)、bold、bolder、lighter、100~900(整百),有继承性

<style>

        .dese {

              font-fweight:700;    /*无单位*/

                 } 

</style>

4、font-style设置字体的风格

normal:默认值

italic:斜体的字体样式显示

oblique:让文字倾斜显示

p{ font-style:italic;}

5、font字体合写

p{

   font:字体样式 字体加粗 字体大小 字体类型;

}

6、设置字符的间距和文字的间距

lletter-spacing:字间距(默认normal)

.lletter-spacing{

lletter-spacing: 10px;

}

.word-spacing{

word-spacing:20px;仅对英文及空格有影响,对中文无影响

}

7、行高

css中基线与基线之间的距离

8、text-decoration属性值

none:默认值

underline:下划线。

overline:上划线。

line-through:删除线

9、text-indent属性用于设置段落首行文本的缩进,只能设置于块级标签

10、white-space属性值

normal:常规(默认值),文本中的空格、空行无效,满行(到达区域边界)后自动换行。

pre:预格式化,按文档的书写格式保留空格、空行原样显示。

nowrap:空格空行无效,强制文本不能换行,除非遇到换行标

相关文章

  • css性质(2)

    1、font-family设置字体类型 h1{ font-family:“黑体”; } ...

  • CSS性质

    1.display可以控制标签的显示模式。 display:none | inline | block |inli...

  • css性质(1)

    1、CSS设置标签模式display属性 行内标签: 块标签: (1)display可以控制标签的显示模式 dis...

  • CSS第二节:CSS性质

    1.display 可以让行内元素跟块级元素相互转换, e.g. inline, block,inline-blo...

  • CSS第二节:CSS性质

    简单复习一下: Display改变标签显示模式: display可以控制标签的显示模式。 客串一个:visibil...

  • 皮肤性质2

    干性肤质 干性肌肤比中性肌肤相对皮脂腺较少,而且皮脂和汗分泌比较少,这样的皮肤它的皮脂膜不易形成,毛孔细小,很少有...

  • css3 渐变

    css3ps: css越来越真正的像一门语言了,css已经有变量了,刚刚看到文档中。一个实验性质的功能。 渐变 渐...

  • CSS选择器的ie浏览器兼容性

    1.CSS1 2.CSS2 3.CSS3

  • CSS学习笔记(1)

    CSS版本 CSS Level1 CSS Level 2(CSS 2.1规范) CSS Level 3 CSS规则...

  • css的层叠性和选择权重计算

    1,什么叫做层叠性? 这个要从css的名字说起,css的全名叫做“层叠式样式表”,层叠行是她很重要的性质。层叠行是...

网友评论

    本文标题:css性质(2)

    本文链接:https://www.haomeiwen.com/subject/vlriwttx.html