css3 -- 文本

1、坐标轴:

上左为负数

下右为正数

 

2、text-shadow

E{text-shadow：x y color；}

还可以负数实现

 E{text-shadow：x y blur-radius color；}

blur-radius 阴影范围

 

3、text-outline ：目前浏览器不支持

text-stroke属性与text-outline 一致，webkit浏览器支持。

E{
    -webkit-text-fill-color：color；
    -webkit-text-stroke-color：color；
    -webkit-text-stroke-width：length；
    -webkit-text-stroke：stroke-width  stroke-color；  ---- 缩写
}

 

4、文本限制溢出 text-overflow

text-overflow：ellipsis代表会在溢出点用省略号代替

p{
    overflow：hidden；
    text-overflow：ellipsis；
    white-space：nowrap；
}

第四行防止文本被折叠成多行

 

5、改变元素大小

p{
   overflow：hidden；
   resize：both；   ----  horizontal   vertical    both   none  
}

让用户可以对元素的大小进行控制

 

6、文本换行

word-wrap：单词折断

E{word-wrap：break-word----normal}

 text-wrap：none  normal  unrestricted  suppress（阻止换行）

换行不发生，必要的时候允许单词折断

E{
    text-wrap：suppress；
    word-wrap:break-word;
}

 

7、应用标点属性

text-indent为负值，段落缩进