HTML内联框架及CSS概述

最新推荐文章于 2024-08-01 09:59:14 发布

想不到id

最新推荐文章于 2024-08-01 09:59:14 发布

阅读量298

点赞数

文章标签： css html html5

本文链接：https://blog.csdn.net/weixin_51720882/article/details/120474478

版权

HTML内联框架

内联框架可以在一个窗口内嵌入一个子窗口,从而在子窗口中引入一个外部的页面

<iframe name="" src=" " frameborder="" width="宽度" height="高度"></iframe>

name=“框架名称”
frameborder=“框架的边框宽度”
src=“初始页面的URL”

<a target="_parent"></a>父级窗口打开
		<a target="_top"></a>顶级窗口打开
		<a target="_self"></a>当前窗口打开

CSS概述

1.CSS与HTML的区别
HTML是网页内容
CSS定义页面的样式，用来修饰网页外观的样子
2.CSS是什么
CSS（Cascading Style Sheets）：级联样式表。
（1）CSS是一种样式表语言，用于为HTML文档控制外观，定义布局。例如， CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面（2）CSS可将页面的内容与表现形式分离，页面内容存放在HTML文档中，而用于定义表现形式的CSS在一个.css文件中或HTML文档的某一部分。
（3）级联：即关联。是xx和xx关联，即将页面的内容与样式表关联。
（4）样式表：修饰网页标签的语法集。
2.CSS的基本语法
（1）行内（行级）样式表
是通过标签的style属性来设置元素的样式。

<a href="" style="color: ;font-size: ; "></a>

为标签a指定样式
（2）内嵌样式表
内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，将样式表与内容分离，通过选择器将内容与样式表关联。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		p{
			color: ;font-family: ;
		}
		</style>
	</head>

（3）外部样式表
外部样式表是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中。在实际开发中用的较多。

<link href="css文件" rel="stylesheet" />（实际开发较多）

3.选择器
（1）标签选择器：以标签名作为参照
语法：标签名 {}
（2）类选择器：以类名作为参照
语法：.class属性值{}
（3）id选择器：通过标签的id属性值选中唯一的一个标签，id属性的值不允许重复
语法： #id属性值 {}
（4）通配选择器:可以用来选中页面中的所有的标签
语法：*{}
选择器优先级问题：行级样式表>id选择器>类选择器>标签选择器>通配选择器
（5）选择器组合：将多个有共同属性的选择器组合在一起，对应同一个样式表。