CSS---------------之文本类型

通过font来改变文本,主要从以下几个方面

  • 字体加粗,字体的风格:斜体和字体变形:小型大写字母
  • 字体的大小
  • 行高
  • 字体

示例如下

  p{font:italic 75%/125% "Comic Sans MS",cursive;}

这条规则定义了字体的几个属性,使整个段落文本都变成斜体。

字体大小设置为每个段落父元素字体大小的3/4,行高设置为125%(比常规的间隔稍大一些)。

文本字体设置为 Comic Sans MS,假如该字体不被浏览器支持则使用默认字体:cursive。

这条规则还把bold和small-caps这些效果给去掉了(设置它们的值为normal)

字体:注意事项  font-family

  1 由于无法预料用户是否可以访问样式表里定义的字体。所以在设置字体时,在属性后制定一个替代的字体列表是个不错的主意。

  2 在这个字体列表的最后加上系统字体中的一个。如 :serif,sans-serif,cursive,fantasy或monospace

  如果字体不支持样式表里设置的字体特征,浏览器会使用另外一种字体。

字号:font-size

行高 line-height

  行高用来指定行与行之间的距离(行间距)。

装饰 text-decoration

  指定文本风格 underline 双下划线  line-through  下划线 none 取消

font-style 指定文本样式  normal 、italic 、oblique、inherit

 font-weight 指定文本是否加粗

  默认值:normal

  适用于:所有元素

  继承:支持

  可取值:normal | bold | bolder | lighter| 100 |200 |300|400|500|600|700|800|900|inherit

  

     

时间: 2024-10-04 10:10:55

CSS---------------之文本类型的相关文章

css实现文本超出li宽度的部分隐藏

css实现文本超出li宽度的部分隐藏:在某些实际应用中,希望把文本超出的部分隐藏而非换行,下面就是一段这样的代码实例,大家可以参考一下.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title&

CSS换行文本溢出显示省略号

现代浏览器中使用css可以实现文本溢出,使用 text-overflow: ellipsis;在有些场景下没有效果,这个时候你需要检查应用的场景是是否是块元素,是否有确切的width. 如果是行内元素则需要使用display设置为inline-block; 下面是对a,span等行内元素的使用CSS换行文本溢出显示省略号的比较准确的用法: a,span { overflow: hidden; text-align: center; text-overflow: ellipsis; white-s

css常用文本属性

[CSS常用文本属性] 1. 字体.字号类: ① font-weight: 字体粗细. bold-加粗.normal-正常.lighter-细体 也可以使用100-900数值,400表示normal,700表示bold ② font-style: 字体样式. italic-倾斜.normal-正常 ③ font-size: 字号. 可以写px单位,也可以写% 200%表示浏览器默认大小(16px)的两倍=32px ④ font-family: 字体系列(字体族). >>> 可以直接写字体

JPQL设置自增长、只读、文本类型等的注解

JAVA中使用JPQL 一种设置id自动生成,自增长的方法 private long id; @Id @GeneratedValue(generator="_native") @GenericGenerator(name="_native",strategy="native") public long getId() { return id; } 也有一种这样的 @Id @GeneratedValue(strategy = GenerationT

css 构造文本

css 构造文本 1. 首行缩进 text-indent :20px;  2em; 10% 2. 文本对齐 text-align : left, right ,center , 3. 文本行高 line-height 4. 字间隔 word-spacing 5. 字母间隔 letter-spacing 6. 文本修饰 text-decoration : underline, overline ,lint-through 7. 字体 font-family 8. 字体大小 font-size 9.

JDBC系列:(8)JDBC中大文本类型的处理

文本+二进制 Oracle数据库 MySQL数据库 长文本类型 Clob Text 二进制类型 Blob Blob CREATE TABLE T_BigData(      Id INT PRIMARY KEY AUTO_INCREMENT,      Content LONGTEXT,      BitData LONGBLOB ); 1.保存大文本数据类型(写longtext) package com.rk.db.h_longtext; import java.io.File; import

IE浏览器“SEC7113: CSS 因 Mime 类型不匹配而被忽略”问题的解决方法

写好的CSS文件使用IE浏览器不加载,但使用火狐等浏览器却能够正常显示.读了这篇文章的方法2才知道,使用ie本地直接打开则调用file协议时CSS不加载,把所写的文件放入本地Apache服务器内,再用ie打开调用http协议,显示正常,问题解决. 原帖位置:http://www.uedsc.com/css-mime-type-mismatch.html 什么是Mime类型? MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型就是设定某种

CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行

CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行. 一般的文字截断(适用于内联与块): .text-overflow {     display:block;/*内联对象需加*/     width:31em;     word-break:keep-all;/* 不换行 */     white-space:nowrap;/* 不换行 */     overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */     text-overflow:ellipsis;

为co-body增加xml等文本类型的支持

co-body是TJ大牛编写的使用Generator解析表单的模块. 当前co-body仅显示支持:application/json.application/x-www-form-urlencoded和text/plain,而有时候我们需要接收xml格式的数据(其类型为text/xml),可以通过如下方式增加其对xml的支持: 在lib目录下复制json.js文件一份,改名为textxml.js,修改try{ done(null, JSON.parse(str); }为try{ done(nul

解决IE下CSS因 Mime 类型不匹配而被忽略的问题

写页面的时候在chrome,firefox等页面上显示正常,但是换成IE9之后就完全没有样式了,报错信息是CSS 因 Mime 类型不匹配而被忽略,下面与大家分享下这个问题的相关的回答.IE真是个奇葩的怪胎.它的报错信息是’CSS 因 Mime 类型不匹配而被忽略‘,也就是说所有的.css文件全部都不起效果了.去网上查了一些资料,有很多与这个问题相关的回答. 首先要明白Mine类型是个什么.MIME类型就是设定某种指定扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器