css字体及css文本控制

-----字体样式-----

---------文字样式

font-family: ””;

---------文字大小

font-size: 0 - 99999px/em/rem;

---------文字粗细

font-weight: 0-900 / bold(加粗);

---------文字颜色

color: #000000 - #FFFFFF / red blue green… ;

---------文字风格

font-style: norma / italic / oblique; 默认/斜体/倾

---------小型大写字母

font-variant: normal / small-caps; 默认/小型大写字母

---------font复合样式写法

font: size family; 字体大小文字样式

-----文本调整-----

---------水平调整

text-align: left / center / right ;

---------单行垂直调整

line-height: 0 – 99999px;

文本每行高度设父元素高度 =居中 >下方 <上

无单位高度作用于行之间

---------文本首行边距

text-indent: -99999 – +99999px / em / rem;

---------文字行装饰线

text-decoration: none / underline / overlibe / line-through;

无下上中

---------控制文本中字母

text-transform: none / capitalize / uppercase / lowercase;

默认大写字母开头全部大写字母全部小写字母

---------字符间距

letter-spacing: -99999 – +99999px;

---------词间距

word-spacing: -99999 – +99999px;

---------文本图片对齐

vertical-align: top / middle / bottom; 行高度为准(至少2个元素)

vertical-align: text-top / text-bottom; 文字高度为准(至少2个元素)

---------溢出内容隐藏

overflow:hidden/ auto; 隐藏自动有滚动条

---------文本换行设置

white-space: normal / nowrap; 默认/文本不换行

---------文本强制换行

word-break: normal / break-all; 默认/允许换行

---------文本超出处理

text-overflow: clip / ellipsis; 修剪文本/超出文本…代替

---------单词强制截断

word-wrap: normal / break-word; 默认/单词可截断

---------文字方向

direction: rtl / ltr; 屏幕位置

unicode-bidi: bidi-override; 文字顺序

---------多行文本省略

display: -webkit-box; 兼容显示

-webkit-box-orient: vertical; 符号代替

-webkit-line-clamp: 5; 显示行数

---------用户可否选中

user-select: none/ text / all / element;

不能选中默认选择部分边界范围内

转载于:https://www.cnblogs.com/zsgoog/p/6684748.html

css字体及css文本控制相关推荐

从零开始学前端：CSS字体属性和文本属性 --- 今天你学习了吗？（CSS：Day08）
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:CSS引入 - 今天你学习了吗?(CSS:Day07) 文章目录从零开始学前端:程序猿小白也可以完全掌握 ...
CSS字体属性与文本属性详解
文章目录 1. CSS字体属性 1.1 字体系列 1.2 字体大小 1.3 字体粗细 1.4 字体样式 1.5 字体复合属性 1.6 字体属性总结 2. CSS文本属性 2.1 文本颜色 2.2 对齐 ...
06 【CSS字体属性 CSS文本属性】
8.CSS字体属性 CSS Fonts(字体)属性用于定义:字体系列.大小.粗细.和文字样式(如:斜体). 8.1字体族 font-family 字体族(字体的格式) CSS 使用 font-fam ...
CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变
1. CSS字体样式.文本样式.去掉列表的小圆点.背景.背景渐变 1.1字体样式字体样式 font-family 字体(可以添加2种字体,一种针对中文,一种针对英文) font-size 字体大小( ...
html字颜色代码,css 字体颜色(css color)
DIV CSS 字体颜色\css color知识实例讲解在DIV+CSS网页中控制字体颜色的CSS单词为color:+颜色值.这里DIVCSS5详细为大家介绍CSS 字体颜色color的运用(div ...
html css超链接字体颜色,css 字体颜色(css color)
DIV CSS 字体颜色\css color知识实例讲解在DIV+CSS网页中控制字体颜色的CSS单词为color:+颜色值.这里DIVCSS5详细为大家介绍CSS 字体颜色color的运用(div ...
CSS字体系列(CSS、HTML)
CSS字体系列(CSS.HTML) <!DOCTYPE html> <html lang="en"><head><meta charset ...
css字体 text,css文本样式text、字体样式font
文本样式text 1.文本颜色color 例如h1 {color:red;} 2.文本方向direction,不常用默认ltr从左到右,rtl表示从右到左 3.文本水平对齐方式text-align ...
WEB代码：CSS字体样式、文本属性、背景样式、边框属性、鼠标样式、列表样式
1.字体样式: 1.字体样式 font-family 2.字体大小 font-size 3.字体类型 font-style 4.字体粗细 font-weight span{font-family: 微 ...
CSS学习笔记2字体属性和文本属性
CSS字体属性 CSS Fonts(字体)属性用于定义字体系列.大小.粗细和文字样式字体系列 CSS使用font-family属性定义文本的字体系列 p { font-family:"微软 ...

css字体及css文本控制

css字体及css文本控制相关推荐

最新文章

热门文章