CSS基础知识

1、标签样式

行内样式 内部样式 外部样式

2、选择器类型

①基本选择器：
标签选择器
类选择器
id选择器
优先级：id>类>标签
②高级选择器：
层次选择器
结构伪类选择器
属性选择器

3、CSS

①css背景样式
background-color：背景颜色
background-image：背景图片（URL背景地址，默认水平垂直都铺满背景图）
background-repeat：背景图片的平铺方式（repeat-x、repeat-y、repeat、no-repeat）
background-positon：背景图片位置（x y）=>（数字[px/%] | 单词[x:left/center/right],[y:top/center/bottom]）
background-attachment：背景图随滚动条的移动方式（scroll默认值，背景位置是按当前元素进行偏移的；fixed背景位置是按照浏览器进行偏移的）
复合样式：background:red url() repeat 0 0;（颜色 背景图 平铺方式 位置）
②css边框样式
border-style：边框样式（solid实线、dashed虚线、dotted点线…）
border-width：边框大小（px）
border-color:边框颜色
【注】可单独对一个边框进行设置（border-top/right/bottom/left-）
③css文字样式
font-family：字体类型
设置多字体方式（使其能够适应更多的计算机和设备）
引号的问题（有的字体中间有空格，必须用引号引起来）
font-size：字体大小（默认大小16px），字体大小一般为偶数
font-weight：字体粗细（单词[normal正常、bold加粗]； 数字[100-500正常、600-900加粗]）
font-style：字体样式（normal正常、italic斜体[italic所有带有倾斜字体的可以设置；oblique没有倾斜属性的字体也可以设置倾斜]）
color：字体颜色
④css段落样式
text-decoration：文本修饰（underline下划线、line-through删除线、 overline上划线、none不添加任何修饰），可添加多个修饰，用空格隔开
text-transform：文本大小写（针对英文段落，lowercase小写、uppercase大写、capitalize首字母大写）
text-indent：文本缩进（首行缩进font-size的两倍，或2em[em相对单位，永远跟一个字体设置的大小相同）
text-align：文本对齐方式（left默认、right、center、justify[两端点对齐，中间自行调节]）
line-height：定义行高（不是固定值，根据当前字体的大小变化，用数字+px或scale[相对于原来字体的比例]表示）
letter-spacing：定义字间距
word-spacing：定义词间距（针对英文）
强制折行
word-break：break-all; 非常强烈的折行
word-wrap：break-word; 不是那么强烈的折行