HTML: css 修飾文本和字體
因爲這個我認爲不用記,所以關於css 修飾文本&字體的屬性只需要打開css手冊,找到(屬性 > 文本) & (屬性 > 字體)翻看即可。
關於字體屬性:
| Properties 属性 | Description 简介 |
|---|---|
| font | 复合属性。设置或检索对象中的文本特性 |
| font-style | 设置或检索对象中的字体样式 |
| font-variant | 设置或检索对象中的文本是否为小型的大写字母 |
| font-weight | 设置或检索对象中的文本字体的粗细 |
| font-size | 设置或检索对象中的字体尺寸 |
| font-family | 设置或检索用于对象中文本的字体名称序列 |
| font-stretch | 设置或检索对象中的文字是否横向拉伸变形。 |
關於文本屬性:
| Properties 属性 | Description 简介 |
|---|---|
| text-indent | 检索或设置对象中的文本的缩进 |
| text-overflow | 设置或检索是否使用一个省略标记(...)标示对象内文本的溢出 |
| text-align | 设置或检索对象中文本的对齐方式 |
| text-transform | 检索或设置对象中的文本的大小写 |
| text-decoration | 复合属性。检索或设置对象中的文本的装饰,如下划线、闪烁等 |
| text-decoration-line | 检索或设置对象中的文本装饰线条的位置。 |
| text-decoration-color | 检索或设置对象中的文本装饰线条的颜色。 |
| text-decoration-style | 检索或设置对象中的文本装饰线条的形状。 |
| text-shadow | 设置或检索对象中文本的文字是否有阴影及模糊效果 |
| text-fill-color | 设置或检索对象中的文字填充颜色 |
| text-stroke | 复合属性。设置或检索对象中的文字的描边 |
| text-stroke-width | 设置或检索对象中的文字的描边厚度 |
| text-stroke-color | 设置或检索对象中的文字的描边颜色 |
| letter-spacing | 检索或设置对象中的文字之间的间隔 |
| word-spacing | 检索或设置对象中的单词之间插入的空格数。 |
| vertical-align | 设置或检索对象内容的垂直对其方式 |
| word-wrap | 设置或检索当当前行超过指定容器的边界时是否断开转行 |
| white-space | 设置或检索对象内空格的处理方式 |
| direction | 检索或设置文本流的方向 |
| unicode-bidi | 用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用 |
| line-height | 检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离 |
| tab-size | 检索或设置对象中的制表符的长度 |
只需記住用途,關於屬性值就查手冊吧。
HTML: css 修飾文本和字體的更多相关文章
- css文本截字,超出文本省略号显示
一.单行文本截字 p { text-overflow: ellipsis;/*显示省略号代替裁剪的文本*/ white-space: nowrap;/*空白处理方式 不换行*/ overflow: h ...
- 14 ,CSS 文字与文本
1.CSS 中长度与颜色 2.CSS 中的文字属性 3.CSS 中的文本属性 14.1 CSS 中长度与颜色 长度单位 说明 in 英寸 cm 公分 mm 公里 cm 以目前字体高度为单位 ex 以小 ...
- 【CSS学习】--- 文本样式
一.前言 CSS文本属性可以定义文本的外观.通过文本属性,可以定义文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等. CSS常用的文本属性目录: text-align 文本对齐属性 te ...
- 关于模板该不该用css强制编辑器文本开头空两格
关于模板该不该用css强制编辑器文本开头空两格这个问题,我很早之前就想说了,写惯了qq日志的童鞋都知道,qq空间的编辑器没有任何css控制,行头空两格是由用户自己控制,我写起日志又像流水账,长长的一篇 ...
- 学习笔记 第五章 使用CSS美化网页文本
第五章 使用CSS美化网页文本 学习重点 定义字体类型.大小.颜色等字体样式: 设计文本样式,如对齐.行高.间距等: 能够灵活设计美观.实用的网页正文版式. 5.1 字体样式 5.1.1 定义字体 ...
- HTML: 字體設置
針對 font-family 屬性進行詳細設置, 首先我們要瞭解,字體分類: ①無襯線字體: san-serif,一般用於文章標題 ②有襯線字體: serif,一般用在段落處或者非標題部分 當我們設置 ...
- CSS控制长文本内容显示(截取的地方用省略号代替)
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,下面介绍的是CSS如何实现处理的方法. 现实中经常出现一些内容比较长的文本,为了使整体布局美观,需要将文本内容控制在一行 ...
- CSS发光边框文本框效果
7,166 次阅读 ‹ NSH Blog 网页设计 CSS发光边框文本框效果 或许你看过Safari浏览器下,任何输入框都会有一个发光的蓝色边框,这不单纯只是蓝色边框而已,其实包含了许多CSS3技巧知 ...
- css去除ios文本框默认圆角
css去除ios文本框默认圆角 input, textarea {-webkit-appearance: none;}
随机推荐
- PHP数组的使用方法小结
数组就是一组数据的集合,把一系列数据组织起来,形成一个可操作的整体.数组的每个实体都包含两项:键和值. 一.什么是数组数组就是一组数据的集合,把一系列数据组织起来,形成一个可操作的整体.数组的每个实体 ...
- JS输入框邮箱自动提示(带有demo和源码)(转载)
今天在javascriptQQ群里面 有童鞋问到 有没有 "JS输入框邮箱自动提示"插件,即说都找遍了github上源码 都没有看到这样类似的插件,然后我想了下 "JS输 ...
- eclipse + Android Studio 集成 Genymotion 模拟器
Genymotion 官网 -- android 模拟器https://www.genymotion.com 虚拟机下载安装目录C:\Users\xxx\AppData\Local\Genymobil ...
- 【Tyvj1038】忠诚 线段树
题目描述 老管家是一个聪明能干的人.他为财主工作了整整10年,财主为了让自已账目更加清楚.要求管家每天记k次账,由于管家聪明能干,因而管家总是让财主十分满意.但是由于一些人的挑拨,财主还是对管家产生了 ...
- 关于P,V操作理解的分析
P-V操作定义: 假设sem是个整型变量. P原语的主要操作是: (1)sem减1: (2)若sem减1后仍大于或等于零,则该进程继续执行: (3)若sem减1后小于零,则该进程被阻塞,在相应队列 ...
- Servlet应用的运行流程
其中,红色部分为我们开发人员要做的,其他部分是框架做的. 学习就要搞懂整个运行的流程!否则,不利于个人技术的积累!
- 框架模式 MVC 在Android中的使用
算来学习Android开发已有2年的历史了,在这2年的学习当中,基本掌握了Android的基础知识.越到后面的学习越感觉困难,一来是自认为android没啥可学的了(自认为的,其实还有很多知识科学), ...
- uva 562
Description It's commonly known that the Dutch have invented copper-wire. Two Dutch men were fight ...
- POJ1155 TELE(树形DP)
题目是说给一棵树,叶子结点有负权,边有正权,问最多能选多少个叶子结点,使从叶子到根的权值和小于等于0. 考虑数据规模表示出状态:dp[u][k]表示在u结点为根的子树中选择k个叶子结点的最小权值 最后 ...
- extjs 远程数据源
1本地数据源组合框 Ext.onReady(function(){ //创建数据模型 Ext.regModel('PostInfo', { fields: [{name: 'province'}, { ...