1. 内联框架
内联窗口（框架）：在一个窗口中嵌入一个子窗口，在子窗口中显示一个网页。
补充超链接target
target="指定的窗口名称"
target="childframe"
_parent 在上一级窗口打开链接
_top 在顶级窗口打开链接
<iframe src="初始页面的URL"> </iframe>
2. CSS
CSS(Cascading Style Sheets)：级联样式表。
作用：用来修饰网页的外观，控制外观，定义布局。
级联：关联，将网页内容和样式表关联。
样式表：修饰网页标签的语法集。
3. CSS基本语法
3.1 行内（行级）样式表
<a href="" style="color: aqua;font-size: 20px;">百度</a> style="属性名:属性值"（可写入多组属性）
使用较少。
3.2 内嵌样式表
将样式表与内容分离，通过选择器将样式表与内容关联。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.aa{
color: aqua;font-size: 10px;
}
</style>
</head>
<body>
<a href="" class="aa">百度</a>
</body>
</html>
练习使用多。
3.3 外部样式表
在实际开发中，用到css特别多，css和html混合在一起维护比较麻烦，可以把css代码抽取到一个css文件中。
在html中引用外部css文件。
.aaa{
color: aqua;font-size: 10px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="css/1.css" rel="stylesheet"/>
</head>
<body>
<a href="" class="aaa">百度</a>
</body>
</html>
实际开发中使用较多。
4. 选择器
4.1 标签选择器
以标签名作为选择参照。
a{
color: aqua;font-size: 10px;
}
4.2 类选择器
以类名作为选择参照。
.aa{
color: aqua;font-size: 10px;
}
4.3 ID选择器
ID的属性不允许重复。
#aid{
color: aqua;font-size: 10px;
}
4.4 选择器组合
将多个有共同属性的选择器组合在一起，对应同一个样式表。
p,b,.aa{
font-family:隶书;
}
4.5 通配选择器
选中所有标签。
*{
color: aqua;
}
4.6 选择器优先级
行级样式表>ID选择器>类选择器>标签选择器>通配选择器
扫一扫
1235
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
