css3基础

Posted sunnyboysix

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css3基础相关的知识,希望对你有一定的参考价值。

css3文本


css字体类型

font-family    定义字体的类型


font-style      定义字体的样式   

normal (默认值),italic(斜体),oblique倾斜


font-weight   定义字体的粗细  范围100-900 数字越大越粗

normal(默认值)  bold(粗体)  bolder特粗体   lighter细体


css文本类型

word-spacing  词与词间距    (用的不多)

 

letter-spacing 字符间的间距  (用的不多)


vertical-align定义文本的垂直对其方式

baseline默认值       sub上标对齐     super下标对齐     bottom行框底端对齐

text-bottom行内文本底端对齐    top顶端对齐    middle居中对齐


text-decoration 定义文本的修饰线

none默认值   underline下划线   overline上划线     line-through删除线(=del)

blink闪烁线


text-indent  首行缩进2em两个字符


text-align 对齐方式  

left左对齐  right右对齐   center居中对齐    justify两端对齐


line-height行高


text-shadow定义文本阴影


white-space 定义文字和文本之间的空白符间距

normal默认值   nowrap换行符忽略  不要换行


text-shadow

color颜色   x-offset x轴位移   y-offset y轴位移  blur-radius阴影模糊半径

效果

css3基础(五)

text-overflow

clip只做剪裁

ellipsis 文本溢出时显示...

一般从后台拿取数据的时候在前台展示的时候字数排版等等会用到。

over-flow超出的溢出隐藏,一般ellipsis做...效果都是处理单行的文本

white-space: nowrap;  让文本不要换行  一般使用就是以上model的例子



以上是关于css3基础的主要内容,如果未能解决你的问题,请参考以下文章

css3基础CSS3 边框

css3基础01

基础 - CSS3

CSS3样式,基础选择器,复合选择器

Css3之基础-2 Css 基础选择器

css3基础篇CSS3 文本效果