您现在的位置是：网站首页>前端技术>css篇：font的样式前端技术

css篇：font的样式

admin【前端技术】19人已围观

1，text-align : left | right | center | justify 
text-align参数值与说明： 
left : 左对齐
right : 右对齐
center : 居中
*justify : 两端对齐（不推荐使用，通常大部分浏览器不使用）
我们对text-align常用的参数值为left、right、center

2，text-indent 让每个段落首行开头文字缩进
.divcss5{text-indent:25px}
这里divcss5对象内段落首行开头文字缩进了25像素。


3，text-decoration下划线CSS单词值参数：
none : 　无装饰
blink : 　闪烁
underline : 　下划线
line-through : 　贯穿线
overline : 　上划线
text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式
text-decoration:underline 下划线样式
text-decoration:line-through 删除线样式-贯穿线样式
text-decoration:overline 上划线样式



4，font、font-family(字体)、font-size（字大小）、font-style（字样式）、font-weight（css加粗）、text-decoration（下划线）、font-variant（字母大小写）、text-transform（英文大小写）、letter-spacing（间隔）


5，常用字体样式设置font-style: italic
兼容各大浏览器
normal : 正常的字体(默认字体样式，可用于去掉html i斜体标签默认斜体样式)
italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
oblique : 倾斜的字体



6，white-space norma nowrap强制同一行内显示所有文本文字，让所有文字内容中一排显示不换行
①、white-space语法：
white-space : normal nowrap 

②、white-space参数：
normal : 　默认处理方式
nowrap : 　强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。DIVCSS5推荐使用white-space:nowrap强制不换行。

③、white-space说明：
white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容


7，text-overflow文本有溢出时显示css省略号
text-overflow语法：
text-overflow : clip | ellipsis 

text-overflow参数值和解释：
clip : 　不显示省略标记（...），而是简单的裁切
ellipsis : 　当对象内文本溢出时显示省略标记（...）

相关文章

站点信息

  • 建站时间：2019-3-10
  • 网站程序：ThinkPHP PHP MYsql
  • 路由说明：全站静态化+api
  • 统计数据：百度统计
  • 登陆方式：githua授权登陆
  • 个人邮箱：2584496361@qq.com
  • 个人Q Q：2584496361
  • 业务咨询：有需要建站朋友欢迎咨询

站长推荐

猜你喜欢