一、字体的样式:

1)字体倾斜:font-style:italic

2)字体大小:font-size 一般为偶数。

3)行高:line-height   当行高为奇数的时候,是文字上面比文字下面的少一个像素。行高值为:文字大小和上下距离的和。

4)复合样式:font 顺序为:font-style--->font-weight--->font-size/line-height --> font-family  需要注意的是这里的行高的设置和字体大小在一起:29px/40px

二、文本样式:

1)字体颜色:color。

2)文本对齐方式:text-align。

3)首行缩进:一般在在一段话的时候需要使用:text-indent 值一般以em为单位,如果设置成像素的话,会出现问题,计算2个汉字的长度。如果不计算的话会出现以下问题:

html5定义文字格式 html定义字体位置_html5定义文字格式

单位em是动态的计算一个汉字的大小不需要我们进行任何计算:text-indent: 2em;

html5定义文字格式 html定义字体位置_CSS_02

4)文本修饰:比如下滑线。text-decoration: underline;

html5定义文字格式 html定义字体位置_css_03

去掉下划线:text-decoration: none。我们经常在使用标签的时候会出现下划线问题,可以直接设置text-decoration: none即可。

5)单词距离。word-spacing: 20px;需要注意的是:计算无法判断一个单词的是什么,需要我们加空格让计算机识别。

html5定义文字格式 html定义字体位置_样式属性_04



欢迎来 evil的 博客。



6)字间距:单个文字和单个字母的距离:letter-spacing: 10px;

html5定义文字格式 html定义字体位置_样式属性_05


7)强制不换行:white-space: nowrap;强制不换行,即使文字溢出;正常的直接取值normal即可。

html5定义文字格式 html定义字体位置_css_06

8)使用ps的测量文件的大小的时候,取高度。不要取宽度,默认情况下,文字之间的间距有1px。

9)一个空格的大小,在宋体的情况下。是文字的大小的一半,只有在宋体的情况下,其他字体的不一样,在计算的时候,需要注意的默认情况字体之间有1px的间距。

三、我们在写padding的时候,出现一个问题,很难记住实际顺序。有 一个诀窍,实际顺序就是时钟的顺时针的顺序,从12点开始---到9点方向 即上右下左的方向。

css字体文本格式 鼠标样式

缩进 text-indent 属性规定文本块中首行文本的缩进.(允许使用负值.如果使用负值,那么首行会被缩进到左边.) length 定义固定的缩进.默认值:0.% 定义基于父元素宽度的百分比的缩进. ...

3.CSS字体属性

CSS Fonts(字体)属性用定义字体系列,大小粗细,和文字样式(如斜体) 3.1字体系列 CSS使用font-family属性定义文本字体系列 p { font-family:'微软雅黑' ;} ...

CSS(2)---css字体、文本样式属性

css字体.文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...

CSS 3. 文本|字体|背景|定位

1.文本属性和字体属性

css字体样式(Font Style),属性

css字体样式(Font Style),属性   css字体样式(Font Style)是网页中不可或缺的样式属性之一,有了字体样式,我们的网页才能变得更加美观,因此字体样式属性也就成为了每一位设计者 ...

复习-css控制文本字体属性

css控制文本字体属性 font-family:字体系列,如”serif“”sans-serif“ font-size:尺寸 font-style:字体样式,如“normal,italic(斜体).o ...

Android程序员学WEB前端(7)-CSS(2)-伪类字体文本背景边框-Sublime

转载请注明出处: 觉得博文有用,请点赞,请评论,请关注,谢谢!~ 伪类:

css 字体样式设置

css字体样式(Font Style),属性 时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人   css字体样式(Font Style) ...

css字体样式

css字体样式(Font Style) 属性       css文本样式 序号 中文说明 标记语法 1 字体样式 {font:font-style font-variant font-weight f ...

随机推荐

mysql数据库主从及主主复制配置演示

实验系统:CentOS 6.6_x86_64 实验前提:提前准备好编译环境,防火墙和selinux都关闭 实验说明:本实验共有2台主机,IP分配如拓扑 实验软件:mariadb-10.0.20 实验拓 ...

python学习道路(day3note)(元组,字典 ,集合,字符编码,文件操作)

1.元组()元组跟列表一样,但是不能增删改,能查.元组又叫只读列表2个方法 一个 count 一个 index2.字典{}字典是通过key来寻找value因为这里功能比较多,所以写入了一个Code里面 ...

ORA-30036

Deal with Android phones with pattern lock on

Yesterday my colleague asked me for help...She has two android phones , one is hTC and the other is ...

窗口界面编程之一:VB实现简单异形窗口

一.运行效果图(在Win8里的运行效果,在XP里运行就不能体现出来,因为我使用的XP的界面效果) 二.编译环境:Visual Basic 6.0 (SP6) 三.实现原理:通过区域合并 四.使用API ...

LeetCode5 Longest Palindromic Substring

题意: Given a string S, find the longest palindromic substring in S. You may assume that the maximum l ...

通过程序预览Office文档

我承认,标题是夸大了,就是为了吸引注意力.这里只有Word文档和Excel文档的预览代码. Word://此部分来源:http://princed.mblogger.cn/posts/11885.as ...

Python 与 C/C++ 交互的几种方式

python作为一门脚本语言,其好处是语法简单,很多东西都已经封装好了,直接拿过来用就行,所以实现同样一个功能,用Python写要比用C/C++代码量会少得多.但是优点也必然也伴随着缺点(这是肯定的, ...

LVS之DR模式实战及高可用性

author:JevonWei 版权声明:原创作品 LVS-DR实现同网段调度web模式 拓扑环境 网络环境 RS1 RIP 192.168.198.138/24 VIP 192.168.198.10 ...

Oracle外部表与SQLLDR

两种方法建立外部表 在建表语句中把EXTERNAL_TABLE参数设定为SQLLDR: 从12C起,可以使用模式来运行SQLLDR: 在建表语句中把EXTERNAL_TABLE参数设定为SQLLDR: ...