目录
内联框架
CSS
css概述
css基本语法
选择器
选择器类别
选择器优先级
内联框架
内联框架（窗口）：在一个窗口中嵌入一个子窗口，在子窗口中显示一个网页。
复制代码
1
2<iframe src="初始页面的URL" frameborder="框架的边框宽度" width="宽度" height="高度"> </iframe>
CSS
css概述
css：级联样式表（Cascading Style Sheet)。
作用：用来修饰网页外观。
级联：关联，将页面内容与样式表关联。
样式表：修饰网页标签的语法集。
html与css的关系：html是网页内容，css是网页的样式。
css基本语法
（1）行内（行级）样式表
复制代码
1<a href="" style="color:red; font-size:20px;"></a>
style="属性名: 值;" （使用较少）
（2）内嵌样式表
将样式表与内容分离，通过选择器将内容与样式关联。
复制代码
1
2
3
4
5
6
7
8<style type="text/css"> /*一组{}就是一个样式表*/ .aa{ color:green; font-size:30px; } </style>
（3）外部样式表
在实际开发中，用到css非常多，css和html混合在一起维护比较麻烦，可以把css代码抽取到一个css文件中。
在html文件中引用外部css文件（实际开发中使用较多）：
复制代码
1<link href="./css/out.css" rel="stylesheet"/>
选择器
选择器类别
（1）标签选择器：以标签名作为参照
复制代码
1
2
3
4a{ color:red; font-size:30px; }
（2）类选择器：以类名作为选择参照
复制代码
1
2
3
4.aa{ color:blue; font-size:20px; }
（3）id选择器：id属性的值不允许重复
复制代码
1
2
3
4#aid{ color:aqua; font-sizze:30px; }
（4）选择器组合：将多个有共同属性的选择器组合在一起，对应同一个样式表
复制代码
1
2
3p,b,.aa{ font-family:隶书； }
（5）通配选择器：选中所有的标签
复制代码
1
2
3*{ color:green; }
选择器优先级
行级样式表>id选择器>类选择器>标签选择器>通配选择器
最后
以上就是落后大船最近收集整理的关于内联框架和CSS概述内联框架CSS的全部内容，更多相关内联框架和CSS概述内联框架CSS内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复