css文本外观属性中设置字体,css 文本外观属性(text) 和 字体样式属性(font)

css文本 text外观属性

color: 　　颜色值(red,blue)十六进制 ，rgb

letter-spacing: 　　字间距 px,em

word-spacing:　　单词间距 对中文无效

line-height: 　　行间距 px，em , %

text-transform: 　　文本转换 none:不转换 capitalize:首字母大写 uppercase: 全部字符转换为大写 lowercase: 全部字符转换为小写

text-decoration:　　文本装饰 none:默认值 underline:下划线 overline:上画线 line-through:删除线 可以赋值多个

text-align: 　　　　水平对齐方式 left center right

text-indent: 　　首行缩进 数值 em %

white-space: 　　空白符处理 normal：常规默认 pre: 预格式化，按文档书写格式保留空格 nowrap:空格空行无效 强制文本不能换行，除非遇到换行标记

css字体样式属性(font)

1，font-size: 字体大小 em,px,rem,

2, font-family:　　Arial,"微软雅黑","宋体"; 各种字体间用英文逗号隔开，英文字体位于中文字体之前，英文字体一般不需要加引号。

3，font-weight:　　normal,bold,bolder,lighter,100-900 字体粗细

4，font-style:　　normal,italic,oblique 字体风格

5, 选择器{font:font-style font-variant font-weight font-size/line-height font-family} 综合设置字体样式

CSS学习笔记1：字体样式属性

CSS初识 成叠样式表,主要用于设置html页面的外观 产生原因:为了解决混乱的结构和样式,使结构和样式相分离. CSS注释 /*这是CSS注释*/ CSS样式规则 1.选择器用于指定css样式作用的 ...

css文本样式text、字体样式font

文本样式text 1.文本颜色color 例如h1 {color:red;} 2.文本方向direction,不常用 默认ltr从左到右,rtl表示从右到左 3.文本水平对齐方式text-align ...

CSS字体样式属性

font-size 字号大小 一般推荐使用相对长度(px ,em),不推荐使用绝对长度(in,cmm,mm,pt) font-family 字体 1.可以同时指定多个字体,中间用英文状态的逗号隔开,英 ...

CSS3初学篇章_3(属性选择符/字体样式/元素样式)

属性选择符  选择符  说明  E[att]  选择具有att属性的E元素.  E[att="val"]  选择具有att属性且属性值等于val的E元素.  E[att~=&quo ...

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

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

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

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

2020年12月-第02阶段-前端基础-CSS字体样式

CSS字体样式属性调试工具 应用 使用css字体样式完成对字体的设置 使用css外观属性给页面元素添加样式 1.font字体 1.1 font-size:大小 作用: font-size属性用于设置字 ...

css 字体样式设置

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

随机推荐

Vue.js入门

之前一直用的是jQuery,jQuery手动操作DOM导致性能不够好,因为DOM修改导致的页面重绘.重新排版!重新排版是用户阻塞的操作,同时,如果频繁重排,CPU使用率也会猛涨! Vue.js是数据驱 ...

剑指Offer 找出字符串中第一个只出现一次的字符

题目描述 找出字符串中第一个只出现一次的字符 如果无此字符 请输出'.' 输入描述: 输入一串字符,由小写字母组成 输出描述: 输出一个字符 输入例子: asdfasdfo 输出例子: o 思路:数组 ...

oracle进制-10进制跟2进制互转

CREATE OR REPLACE FUNCTION NUMBER_TO_BIT(V_NUM NUMBER) RETURN VARCHAR IS V_RTN );--注意返回列长度 V_N1 NUMB ...

Chapter 2 Open Book——7

I gunned my deafening engine to life, ignoring the heads that turned inmy direction, and backed care ...

【分享】iTOP4412开发板-Bluetooth移植文档

[分享]iTOP4412开发板-Bluetooth移植文档 最近须要把Bluetooth移植到iTOP-4412 开发平台.查阅了相关资料,经过一段时间的研究.调试,最终成功的将蓝牙功能移植到了开发板 ...

HDU [1529] || POJ [P1275] Cashier Employment

经典的差分约束+二分答案. 本题的难点在于如何建图. 设x[i] 表示第i个小时可以开始工作的有多少个人. num[i] 表示第i个小时最少需雇佣多少人. s[i] 表示1...i小时实际开始工作的有 ...

Http-server 的使用

Http-server 是一款基于node.js的web前端开发服务,可以很好的承担前后端解耦后,前端服务的搭建. 1,首先安装node node下载地址:https://nodejs.org/zh- ...

DNF NPK包名对照一览表

文章转载自:http://bbs.exrpg.com/thread-107917-1-1.html ┌ sprite.NPK                                      ...

Selenium2+python自动化48-登录方法(参数化)

前言 登录这个场景在写用例的时候经常会有,我们可以把登录封装成一个方法,然后把账号和密码参数化,这样以后用的登录的时候,只需调用这个方法就行了 一.登录方法 1.把输入账号.输入密码.点击登录按钮三个 ...

bzoj 3779 重组病毒——LCT维护子树信息

题目:https://www.lydsy.com/JudgeOnline/problem.php?id=3779 调了很久……已经懒得写题解了.https://www.cnblogs.com/Zinn ...