CSS字体和文本的属性学习
CSS Fonts(字体)属性用于定义于字体系列、大小、粗细和文字样式
P { font-family: "微软雅黑"; }
div { font-family: "Microsoft yahei", "微软雅黑";}
字体大小
p{
font-size: 20px;
}
px(像素)大小是我们网页的最常用的单位
字体粗细
CSS使用font-weight属性设置文本的粗细
p{
font-weight: bold;
}
normal 默认值(不加粗)
bold 定义粗体(不加粗) 通常情况选择数字设定文字粗细
CSS文字样式
CSS使用font-style属性设置文本的风格
p {
font-style: normal;
}
normal 默认值浏览器会显示标准的字体样式font-style;normal
italic 浏览器会显示斜体的字体样式
字体复合属性
字体属性可以把以上文字样式综合来写,这样可以更节约代码
body {
font: font-style font-weight font-size/line-height font-family;
}
使用font不能颠倒顺序 并且各个属性以空格隔开
不需要设置的属性可以省略(取默认值)但必须保留font-size和font-family,否则font属性不起作用
CSS文本属性
文本的颜色
div {
color: red;
}
预定义的颜色值 red,green,还有我们的御用色pink
十六进制 #FF0000,#FF6600, #29D794 开发中最常用
RGB代码 rgb(225,0,0)或rgb(100%,0%,0%)
对齐文本
text-align属性用于设置元素内文本内容的水平对齐方式 right右对齐 left左对齐 center居中对齐
div{
text-ailgn: center;
}
装饰文本
text-decoration属性规定添加到文本的修饰,可以给文本添加下划线,删除线,上划线等
none 默认,没有装饰线
underline 下划线 链接a自带下划线(常用)
overline 上划线(几乎不用)
line-through 删除线(不常用)
文本缩进
text-indent属性用来指定文本的第一行的缩进,通常是将段落的首行缩进
div{
text-indent: 10px;
}
文本第一行首行缩进 多少距离text-indent: 20px;
em是一个相对单位,就是当前元素(font-size)一个文字的大小,如果当前元素没有设置大小,则会按照父元素的一个文字大小
行间距
line-height属性用于设置行间的距离(行高)可以控制文字行与行之间的距离
P {
line-height: 26px;
}
行间距:由上间距、文本高度、下间距组成
还得在学校做三次核酸,这下又碰上南昌下雨天也没有个准确离开隔离的日子,但现在学习形式主义的隔离和在原寝室没差别,明天我一定能早点出门然后跑步运动不想再这么晚学习了感觉越来越累,累计的知识点也越来越冗杂要挨个练习才能吃透,明天暂停一天学习新知识把,晚安啦一周的疫情江西会好起来的!
CSS字体和文本的属性学习相关推荐
- HTML标记fort属性最大取值,CSS(2)---css字体、文本样式属性
css字体.文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...
- 前端学习 -- Css -- 字体的几个属性学习
font-style可以用来设置文字的斜体 - 可选值: normal,默认值,文字正常显示 italic 文字会以斜体显示 oblique 文字会以倾斜的效果显示 - 大部分浏览器都不会对倾斜和斜体 ...
- CSS样式字体与文本相关属性
CSS样式字体与文本相关属性 字体相关属性 基本属性 添加阴影 添加多阴影 微调字体大小 颜色表示 文本相关属性 文本基本属性 文本自动换行 长单词和URL地址换行 CSS3新增服务器字体 字体相关属 ...
- CSS -- CSS字体及文本属性设置总结
文章目录 1 CSS字体属性 1.1 字体系列 1.2 字体大小 1.3 字体粗细 1.4 文字样式 1.5 字体复合属性 1.6 字体属性总结 2 CSS文本属性 2.1 文本颜色 2.2 对齐文本 ...
- CSS中伪元素、伪类选择器和字体、文本相关属性
CSS中伪元素.伪类选择器 伪元素选择器 伪元素选择器只能针对CSS中已有的伪元素起作用. CSS提供的伪元素选择器有如下几个: :first-letter:对指定对象的第一个字符起作用. :firs ...
- CSS: CSS常用的文本样式属性
介绍:CSS常用的文本样式属性 color: 颜色 font-size: 字体大小 font-style (normal.italic.oblique): 字体样式(正常.斜体) font-wei ...
- [css] 字体的粗细的属性是用哪一个?它有哪些属性值?
[css] 字体的粗细的属性是用哪一个?它有哪些属性值? font-size指的应该是字体大小,字体粗细应该是font-weight,值有normal,bold,bolder,lighter,inhe ...
- CSS字体颜色,文本装饰线,删除线
CSS字体颜色 方法1使用rgb值来制定 body{ background-color:silver/Aqua/Navy; (css有16种基本颜色和150种扩展颜色可以 ...
- css字体、文本相关
css字体.文本相关 一.字体样式 字体颜色 设置字体颜色,使用color来设置字体颜色 设置文字大小,使用font-size设置,浏览器中一般默认的文字大小都是16px 设置文字的字体,通过font ...
最新文章
- 通过yumdownloader下载rpm包
- Struts2自定义类型转换器、自定义拦截器和用户输入数据的验证
- sdut 2107 DFS
- $(document).ready() $(window).load 及js的window.onload
- Boost:Porthopper服务测试程序
- HDU1421 搬寝室
- 《剑指offer》从尾到头打印链表
- esp8266手机端app_OKEX手机端APP提币教程(附视频)
- memcache如何更新mysql_使用MySQL触发器如何实现memcache自动更新
- 身份验证和授权作为开源解决方案服务
- C#中的StreamReader/StreamWriter
- ajax/test1.txt,ajax原生请求方法.txt
- Hive(一)——基础操作
- Android-传感器开发
- Hibernate注解方式开发实体类
- windows下刻录U盘启动盘安装linux报错解决
- 小米无线网卡linux驱动下载,Linux 下小米WIFI 的无线网卡驱动
- C语言存储误差,C语言实现测量数据误差处理
- 数据库安全关键技术之数据库脱敏技术详解
- GNSS与GPS/北斗指的是什么