1.css的语法
1.1位置 <head> <style type="text/css" //css代码 </style> </head> 1.2语法 选择器{属性值1:属性值1; 属性值2:属性值2; }例: h1{ font:size:12px; --字体大小 color:red; --字体颜色注意:多个属性用分号分隔2.选择器 2.1标签选择器语法: 标签名{ ... } 2.2类选择器语法: .class属性值{ .... } 步骤: 第一步:给指定的html标签加上class属性 第二步:在stlye中写 .class属性值{ ..... } 2.3id选择器语法: #id属性值{ ..... }步骤:第一步:给指定的html标签加上id属性第二步:在style中写 #id属性值{ .... }3.引用样式的方法 3.1行内样式 使用style属性引入样式 例:<h1 style="font-size: 60px;color: chartreuse;">进进进进</h1> 3.2内部样式表 在head中写style 例:h1{ xxx } 3.3外部样式表 把css代码保存在css结尾的文件中(层叠样式文件) 把css引入html引入方法有两种: 第一种:链接方式 <link rel="stylesheet" href="文件路径" type="text/css"/> 第二种:导入方式 <style> @import url("文件路径"); </style>4.优先级 行内样式>内部样式>外部样式(就近原则) id选择器>class选择>标签选择器5交集选择器 标签选择器(class选择器|id选择器){ .... } 5.1并集选择器 选择器1,选择器2,选择器3,选择器4....选择器n{ ... }