格式小结 css 0926

格式小结 css 0926

css的三种引入方式

第一种：行内式

样式写在标签内，通过标签的style属性的值来定义样式

格式：
<标签名 style="样式名：样式值;样式名2:样式值2;样式名n:样式值n">
例子：
<span style="color:red;">你好</span>
<a href="" style="font-size: 40px">链接文字</a>

第二种，内嵌式

样式会写在html文件中，通过style标签包裹样式代码

<style>
    选择器{
    
    
        样式名：样式值;
        样式名：样式值;
    }
</style>

第三种，外链接

样式是写在一个.css文件中的
html文件与css文件相分离
在html文件中通过link标签将css文件内容导入进来

导入的格式：
<link rel="stylesheet" href="css文件的路径">

例子：

标签选择器的用法

标签名{
    
    
	样式名：样式值;
	样式名2：样式值2;
}

类选择器的用法

.类名称{
    
    
	样式名称：样式值;
}

id选择器的用法

注意：给标签起id名称的时候，不能够有重id的现象

#ID名称{
    
    
	样式名称：样式值;
}

通配符选择器

星花符号*，它选择所有的标签

*{
    
    
	样式名称：样式值;
}

文字样式相关用法

文字大小
font-size: 象素
例如：        
font-size: 60px;

文字字体
font-family:字体名称;
例子：
font-family: 华文琥珀;

文字粗细
font-weight:数值（100-900） 
font-weight:单词（normal或bold）
备注：normal相当于400的粗细，bold相当于700的粗细
例子：让文字变粗
font-weight: bold;
例子：让h1标签变细的样式
font-weight: normal;


文字样式
font-style:italic或者normal
例子：让文字变斜
font-style: italic;
例子：让斜体字变普通
font-style:normal

文字的连写（全写法与简写法）
font:文字样式 文字粗细 文字大小 文字字体;
font: 文字大小 文字字体
例如：
font:italic normal 20px "华文行楷";