HTML、CSS学习笔记(3)文本控制总结

前言

本意是写给自己看的学习笔记,如果能恰好帮到有需要的人那最好了。我是一个接触时间不长的新手,秃头摸爬滚打中,将一些重点总结记录下来,如有错误欢迎指正。

部分内容来自www.w3school.com.cn 和相关书本教材,若有侵权请告知,将会立即修改。

文本控制

(1)HTML文本控制

~
标题标签。从h1到h6字号递减,一个页面中只能使用一个

标签。默认情况下标题文字是加粗左对齐,可以使用align属性设置对齐方式,取值如下:
left:设置标题文字左对齐(默认值)
center:设置标题文字居中对齐
right:设置标题文字右对齐

段落标签。默认情况下段落文字是加粗左对齐,和标题标签一样可以使用align属性设置对齐方式。


水平线标签。常用属性有:
align:设置水平线的对齐方式(默认为center)
size:设置水平线的粗细(默认为2px)
color:设置水平线的颜色(可用颜色名称、十六进制#RGB、rgb(r,g,b))
width:设置水平线的宽度(可以试试确定的像素值,也可以是浏览器窗口的百分比,默认为100%)


换行标签。

(2)HTML文本格式化

设置粗体。
设置斜体。
添加删除线。
添加下划线。
设置大号字。
设置上标字。
设置下标字。

 设置预格式化,按文档的书写格式保留空格和空行。

(3)CSS文本样式

font-size:设置字号大小。(相对单位长度:em、px;绝对单位长度:in、cm、mm、pt)
font-family:设置字体。可以同时设置多个字体,中间用英文逗号隔开。中文字体需要加英文状态下的引号。
font-weight :设置字体粗细。(normal:默认值;bold:粗体;bolder:更粗;lighter:更细;100~900(100的整数倍)定义由细到粗的字符)
font-variant :设置字体变化,仅对英文字符有效。(normal:默认值;small-caps:小型大写字体)
font-style:设置字体风格。(normal:默认值;italic:斜体)

(4)CSS文本外观

color:设置文本颜色。(可用颜色名称、十六进制#RGB、rgb(r,g,b))
letter-spacing:设置字符间距。(默认normal,允许使用负值)
word-spacing:设置单词间距,对中文字符无效。(默认normal,允许使用负值)
line-height:设置行高。(单位:px、em、%)
text-transform:控制文本转换。(normal:默认值;capitalize:首字母大写;uppercase:全部字符转换为大写;lowercase:全部字符转换为小写)
text-decoration:用于文本装饰。(none:默认值;underline:下划线;overline:上划线;line-through:删除线)
text-align:设置水平对齐方式。(left:默认值;center:居中对齐;right:右对齐)
text-indent:设置首行缩进,可以使用负值。(单位:em、px、%)
white-space:设置空白符的处理方式。(normal:默认值;pre:预格式化;nowrap:空格空行无效,强制不能换行,除非遇到换行标签

direction:设置文本的书写方向。(ltr:默认值;rtl:从右到左;inherit:从父元素继承 direction 属性的值)
text-shadow: 设置文本的阴影。属性分别为:水平阴影(px)、垂直阴影(px)、模糊距离(px),阴影的颜色(可用颜色名称、十六进制#RGB、rgb(r,g,b))
text-overflow: 设置当文本的长度超过了元素的长度时如何修剪文本(clip:默认值,修剪文本;ellipsis:用省略号表示文本超出的部分;string:使用给定的字符串代表超出的文本)
word-wrap: 设置当长单词过长时如何换行(normal:默认值,浏览器的默认换行方式;break-word:在长单词或 URL 地址内部进行换行)

你可能感兴趣的:(HTML,CSS学习笔记)