e度空间 2020-05-16
一.iframe框架
框架标签:
<iframe src= "引入页面的地址” frameborder= "0无边框1有边框”
width="宽度" height= "高度”
name=”给框架起个名字"></iframe>
在当前页面引入其他页面显示
二.CSS的三种引入方式:
1.内嵌:直接在标签中添加style属性
格式: <标签名style="样式1:样式值1;样式2:样式值2;">
2.内联:在head标签中添加<style></style>
格式:
<style>
选择器{
样式1:样式值1;
样式2:样式值2;
.....
}
选择器:
1. id选择器:
在标签中添加id属性<标签名id= "id值"></标签名>
id值规则:只能是字母、数字下划线、 $符组成, 其中不能以数
字开头,不能是关键字
在style标签中:
#id值{
样式1:样式值1;
样式2:样式值2;
}
2. class选择器:
在标签中添加class属性<标签名class="class值"></标签名>
在style标签中:
.class值{
样式1:样式值1;
样式2:样式值2;
}
3.元素选择器:
在style标签中:
元素名(标签名){
样式1:样式值1;
样式2:样式值2;
......
}
4.关系选择器:
1.并列关系
选择器1,选择器2{
样式1:样式值1;
样式2:样式值2;
}
2.父子关系
选择器1选择器2{
样式1:样式值1;
样式2:样式值2;
</style>
选择器优先级: id选择器>class选择器>元素选择器
3.外部引入:
需要先创建一个xxxx. css文件中描述s tyle标签中的内容放进去
在head标签中添加link标签
<link href="xxxx. css">
引入方式优先级:内嵌>内联>外部引入
三.文本+背景样式
1.font-size:;
bold:加粗 lighter: 加细
font - weight:lighter ;
italic:斜体
font-style:italic;
color :#CF681D;
2.添加下划线
text decoration: underline;
text-decoration: line - through;
text-decoration: overline ;
3.首行缩进
text- indent: 50px;
text-indent: 2em; (两个字符缩进)
4.设置行高
line-height: 50px;
5.a标签
a{
text-decoration:none;
}
取消超链接下划线
6.边框
div{
solid:实线 dashed:虚线 dotted:点线
}