CSS:
1.格式
<style type="text/css">
标签名称{
属性名称:属性对应的值;
....
}
</style>
2.注意点:
1.写在head 标签之间
2.type = "text/css" (默认也是这个)
3.大多数情况下分号不能省略
样式:
1.行内样式 : 直接将css代码写到开始标签当中
2.内嵌标签 : 可以在<head> 标签中写上一对style标签，然后在style标签中编写css代码
3.外链样式 : 单独新建一个.css文件，把css代码写到给文件中
关联: 通过<head>标签中的link标签把.html和.css关联
4.导入样式 : 通过<style>在标签中的@import url("")
文字属性简写:
font-style:italic;
font-weight:bold;
font-size:10px;
font-family:"楷体";
简写为;
font: italic bold 10px "楷体";
注意点:1.有的属性值可以省略，有的属性值不可以省略！！
style ,weight....可以省略
2.style 和 weight的位置可以省略
3.不可省略的属性值:size
4.size属性值必须在family属性值之前 而且位于所有属性值之后
文本装饰属性:
格式:
text-decoration:underline;//添加下划线
文本对齐:
格式:
text-align:right;
color属性修改文字颜色相关:
格式:color:值
取值:
1. 英文单词;
2. rgb 即对应的三原色(r 红色 g 绿色 b 蓝色)
格式:rgb(0,0,0) 里面填写数值 表示每个光源原件显示的亮度
0~255之间 (0,0,0)黑色 (255,255,255)白色
三个值相同时为灰色 值越小越偏向于黑色 值越大越偏向于白色
3. rgba 格式:rgba(0,0,0,1) 最后一个值用于控制透明度
值为1表示不透明 值为0表示完全透明 (看不见)
4. 十六进制表示 格式:#FF0000;
本质就是rgb FF表示r EE表示g 00表示b
1.格式
<style type="text/css">
标签名称{
属性名称:属性对应的值;
....
}
</style>
2.注意点:
1.写在head 标签之间
2.type = "text/css" (默认也是这个)
3.大多数情况下分号不能省略
样式:
1.行内样式 : 直接将css代码写到开始标签当中
2.内嵌标签 : 可以在<head> 标签中写上一对style标签，然后在style标签中编写css代码
3.外链样式 : 单独新建一个.css文件，把css代码写到给文件中
关联: 通过<head>标签中的link标签把.html和.css关联
4.导入样式 : 通过<style>在标签中的@import url("")
文字属性简写:
font-style:italic;
font-weight:bold;
font-size:10px;
font-family:"楷体";
简写为;
font: italic bold 10px "楷体";
注意点:1.有的属性值可以省略，有的属性值不可以省略！！
style ,weight....可以省略
2.style 和 weight的位置可以省略
3.不可省略的属性值:size
4.size属性值必须在family属性值之前 而且位于所有属性值之后
文本装饰属性:
格式:
text-decoration:underline;//添加下划线
文本对齐:
格式:
text-align:right;
color属性修改文字颜色相关:
格式:color:值
取值:
1. 英文单词;
2. rgb 即对应的三原色(r 红色 g 绿色 b 蓝色)
格式:rgb(0,0,0) 里面填写数值 表示每个光源原件显示的亮度
0~255之间 (0,0,0)黑色 (255,255,255)白色
三个值相同时为灰色 值越小越偏向于黑色 值越大越偏向于白色
3. rgba 格式:rgba(0,0,0,1) 最后一个值用于控制透明度
值为1表示不透明 值为0表示完全透明 (看不见)
4. 十六进制表示 格式:#FF0000;
本质就是rgb FF表示r EE表示g 00表示b