css核心基础
Css样式规则
选择器{属性1：属性值；属性2：属性值；属性3：属性值；}引入css样式表
① 行内式（内联样式）
<标记名 style=”属性1：属性值1；属性2：属性值2；”>内容</标记名>
例如:<h1 style=”font-size:20px; color:red;”>使用css行内式修饰以及标题的字头大小和颜色</h1>
② 内嵌式：将css代码集中写在html文档的<head>头部标记中，并且用<style>标记定义，格式如下：
<head><style type=”text/css”>选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3；}</style></head>
③ 嵌入式：将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link/>标记将外部样式表文件链接到html文档中。格式如下：
<head><link href=”css文件的路径” type=”text/css” rel=”stylesheet” /></head>
注：<link />标记需放在<head>头部标记中，并且必须指定<link/>标记的3个属性。
④ 导入式：对html头部文档应用style标记，并在<style>标记内的开头处使用@import语句，即可导入外部样式表文件。（不建议使用）格式如下：
<style type=”text/css”>@import url（css文件路径）；或@import “css文件路径”；</style>
Css基础选择器
① 记选择器：用html标记名作为选择器，按标记名称分类。格式如下：
标记名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
例如：p{font-size:12px; color:#666; font-family:”微软雅黑”;}
② 类选择器:使用“.”进行标识，后面紧跟类名。格式如下：
.类名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
例如：<p class=”类名”>
③ Id选择器：使用“#”进行标识，后面紧跟id名。格式如下：
#id名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
例如：<p id=”id名”>
④ 通配符选择器：用“*”号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素。（不建议使用）格式如下：
*{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
css文本相关样式
① css字体样式属性(type)
font-family(使用什么字体)
font-style(字体的样式，是否斜体)：normal（默认值）/italic（斜体）/oblique（倾斜）
font-variant(字体大小写)：normal/small-caps
font-weight(字体的粗细)：normal（默认值）/bold（粗体）/bolder（更细的字符）/lithter（更细的字符）/100~900（100的整数倍）
font-size(字体的大小)：absolute-size/relative-size/length/percentage
② css文本外观属性
color：文本颜色
letter-spacing：字间距（允许负值，默认为normal）
word-spacing：单词间距
line-height：行间距
text-transform：文本转换：控制英文字符的大小
text-transform属性：text-decoration：文本装饰：用于设置文本的下画线、上画线、删除线等效果、 text-decoration属性： text-align:水平对齐方式 text-align属性值：text-indent:首行缩进（建议使用em做设置单位，允许使用负值） white-space:空白符处理 5) css高级特性 ① 标签指定式选择器（又称：交集选择器）第一个为标记选择器，第二个为类选择器或id选择器 例如：p.special{ …..}（类选择器） P#one{……}（id选择器） ② 后代选择器：把外层标记写在前面，内层标记写在后面，中间用空格分隔。 例如：p strong{color:red;}（为p标记中的strong标记设置颜色属性） ③ 并集选择器：各个选择器通过逗号连接而成。 例如：h3,.special,#one{color:red;} 6) Css层叠性和继承性 ① 层叠性：多种css样式的叠加 例如：`
测试内容
` ② 继承性：值书写css样式表时，字标记会继承父标记的某些样式。 例如： p,div,h1,ul,ol,li{color:black;} 可以写成：body{color:black;} 7) Css优先级 标记选择器具有权重1，类选择器具有权重10，id选择器具有权重100 权重的叠加：例如
#header strong.blue{color:red;} 权重：100+1+10
注：①行内样式优先。②权重相同时，css遵循最近原则。即靠近元素的样式具有最大的优先级。③css定义了一个!important命令，该命令被赋予最大的优先级。例如：#header{color:red!important;}
