## 字体颜色
~~~css
color:#008000;
~~~
<br>
## 字体大小
~~~css
// 字体大小设置 大小+单位
font-size: 50px;
~~~
<br>
## 字体
~~~css
/* 主流浏览器一般默认微软雅黑 */
font-family: 微软雅黑;
font-family: 黑体;
font-family: 宋体;
~~~
<br>
## 字体粗细
~~~css
/* 字体加粗 */
font-weight: bold;
/* 字体不加粗 */
font-weight: normal;
~~~
<br>
## 文本修饰
~~~css
/* 下划线 */
text-decoration: underline;
/* 删除线 */
text-decoration: line-through;
/* 没有线 */
text-decoration: none;
~~~
<br>
## 斜体
~~~css
font-style: italic;
~~~
<br>
## 行高
~~~css
/* 一行内容的高度,内容不够高度,上下留白,内容居中 */
line-height: 40px;
~~~
<br>
## 首行缩进大小
~~~css
text-indent: 40px;
~~~
<br>
## 单词间距
~~~css
word-spacing: 40px;
~~~
<br>
## 字母间距
~~~css
/* 字母间距 */
letter-spacing: 40px;
~~~
<br>
## 文本对齐
~~~css
/* 左对齐 */
text-align: left;
/* 右对齐 */
text-align: right;
/* 居中 */
text-align: center;
~~~
<br>
## 强制不换行
~~~css
/* 强制文字不换行 */
white-space: nowrap;
~~~
<br>
## 关于空格的认知
不管你代码里有多少空白空格,浏览器最多只会解析一个空格
<br>
<br>
- 01-青铜-HTML5+CSS3网页开发
- 01-代码初识
- 01-前端开发工程师
- 02-前端开发环境与软件
- 03-什么是语言
- 04-页面结构
- 05-常用标签
- 06-样式表
- 07-常见样式与选择器
- 01-高宽+边框
- 02-练习
- 03-背景
- 04-练习
- 05-文字与文本
- 06-选择器
- 07-练习
- 08-标签类型
- 09-盒子模型
- 01-内边距
- 02-计算方法
- 03-外边距
- 04-盒子模型计算方式切换
- 05-overflow
- 06-练习
- 10-超链接
- 11-练习
- 02-css基础2
- 01-选择器优先级
- 02-标签样式初始化
- 03-一个标签多个类
- 04-指针样式
- 05-编码规范
- 06-练习
- 03-浮动
- 01-练习
- 04-定位
- 01-练习
- 05-其他样式
- 01-透明与隐藏
- 02-其他
- 03-练习
- 06-表格与表单
- 01-表格
- 02-表单
- 07-PC端整站开发
- 08-移动端开发与适配
- 09-响应式
- 10-git
- 01-html+css(做页面)
- 前端打怪之路