首页 > 代码库 > html(5) css
html(5) css
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="http://www.mamicode.com/文件路径" type="text/css"/>
第二种：导入方式
<style>
@import url("文件路径");
</style>
4.优先级
行内样式>内部样式>外部样式（就近原则）
id选择器>class选择>标签选择器
5交集选择器
标签选择器（class选择器|id选择器）{
....
}
5.1并集选择器
选择器1，选择器2，选择器3，选择器4....选择器n{
...
}
html(5) css