css的其他相关样式属性

一、颜色

  1、预定义的表示颜色的单词

    red,black.gray,pink......

  2、16进制表示

    # + 6位16进制的数字0 1 2 3 4 5 6 7 8 9 a b c d e f 

    如果两两一样可以合并成3个数字

    #fff;

  3、rgb

    rgb(,,)0-255的数

  4、rgba

    rgba(,,,)前三个是0-255的数,最后一个是0-1的数

    有时候a不起作用,我们会用透明度来调节0是全透明1是不透明

二、一些其他的相关属性

  line-height:20px;//指定每行的高度

  text-align:center;//文本对齐方式

  text-indent:2em;//缩进2倍的汉子宽度 控制文本首行的缩进,px或%都可;

  letter-spacing:2px;//汉字间距为2px(针对中文)控制字母之间的距离;

  word-spacing:8px;//单词间距为8px(针对英文)

  width:100px;//内容宽度

  height:299px;//内容高度

  font-size:18px;//字体大小

  font-family:"微软雅黑";//字体

  font-weight:700;//字体加粗

  text-decorarion:none;//文字的点缀none(无)underline(下划线)overline(上划线)line-through(中划线)

  font-style:设置字体倾斜,可能的属性有normal、italic、oblique;
  text-overflow:当文本溢出包含元素时发生的事情;可能的值有
      clip  修剪文本。
      ellipsis  显示省略符号来代表被修剪的文本。
      string  使用给定的字符串来代表被修剪的文本。
  text-transform :控制英文的大小,可能的值有
    capitalize  文本中的每个单词以大写字母开头。
    uppercase  定义仅有大写字母。
    lowercase  定义无大写字母,仅有小写字母。
  white-space:控制文本与文档源代码的关系,可能值有
    normal 默认,空白会被浏览器忽略。
    pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
    nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
    pre-wrap 保留空白符序列,但是正常地进行换行。
    pre-line 合并空白符序列,但是保留换行符。
    inherit 规定应该从父元素继承 white-space 属性的值。

三、文字阴影(css3的一些新增属性)

  text-shadow: 水平位置 垂直位置 模糊距离 模糊颜色

  1》突出的字体

    text-shadow: 1px 1px 1px #000,-1px -1px 1px #fff;

  2》凹陷的字体

    text-shadow:-1px -1px 1px #000,1px 1px 1px #fff; 

    

猜你喜欢

转载自www.cnblogs.com/dhrwawa/p/10508534.html