初学网页前端笔记（4）

学习资源：HTML 教程 | 菜鸟教程 (runoob.com)【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibiliHTML 教程 | 菜鸟教程 (runoob.com)

  通过观看视频p11-p12，了解了css的基本属性：

1. 字体属性
                          
font-family    字体名称    任意字体名称
font-style    字体风格    normal（普通，默认值）、 italic（斜体）、 oblique（倾斜）
font-variant    字体变形    normal（普通,默认值）
font-weight    字体加粗    
normal（普通,默认值）
font-size    字体大小    
绝对大小：xx-small、 x-small、small、 medium（默认值）、large、x-large、xx-large
相对大小：larger、 smaller
长度：单位为pt（点数），例如，15pt
百分比：嵌套标签内文本字体的大小相对于外层标签内文本字体的大小的值.
font    字体属性

2. 颜色和背景属性                                        
color    前景色    
颜色名称：aqua、 black、blue、fuchsia、gray、green、lime、
maroon、navy、olive、purple、red、silver、teal、 white、yellow
RGB值：R代表红色，G代表绿色，B代表蓝色;数值范围从0
到255；例如rgb(51,204,0)
十六进制值：以#开头，例如#336699
background-color    背景色    颜色名称、RGB值、十六进制值同 color属性
background-image    背景图案    
none：不用图形作为背景
url：提供图形文件的URL地址
background-repeat    
背景图片是

否重复排列

repeat：垂直和水平重复,默认值
repeat-x 为水平重复； repeat-y 为垂直重复
no-repeat：不重复
background-attachment    
背景图片是否滚动

scroll：背景图片随元素一起滚动
fixed：背景图片固定
background-position    背景图片位置    top、left、 right、 bottom、 center等
background    背景属性略写    
[background-color] || [background-image]|

|[ background-repeat] | [background-attacement]

||[background-position]
3. 文本属性
letter- spacing    
字母之间的间距

normal：正常间距
长度：设置字间距长度,正值表示加从父元素中继承的正常长度，负值
则减去。在数字后指定度量单位mm、cm、in、pt（点数）、px（像素）、pc、
ex（小写字母x的高度）、em（大写字母M的宽度）
word-spacing    
单词之间的间距

normal：正常间距

长度：如果长度为正，则加从父元素继承的正常长度；如果是负值则减去

text-decoration    文字的装饰样式

none：无文本修饰,默认设置

underline：下划线

overline：上划线

line-through：删除

blink：闪烁

baseline：对准两个元素的小写字母基准线

sub：下标

super：上标

top：顶部对齐

text-top：字母顶对齐

middle：中线对齐

bottom：底线对齐

text-bottom：字母底线对齐

百分比：将线上元素基准线在父元素基准线基础上升降一定的百分比，

和元素的line-height属性组合使用

text-transform    文本转换方式    
none：不改变文本的大写小写

text-align    文本水平

left：左对齐

right：右对齐

center：居中

justify：两端对齐

text-indent    文本首行缩
进方式    长度：设置首行缩进尺寸为指定度量单位
4. 分级属性
display    是否显示    
block：在元素的前和后都会有换行，默认值

inline：在元素的前和后都不会有换行

list-item：与block相同，但增加了目录项标记

none：没有显示。