1.内联框架元素原理与应用
- 属性
src 内容地址
srcdoc 无内容地址时可用此属性提示信息
可通过a标签的target=”iframe的name值”来打开并填充iframe的内容
2.布局元素
- 页眉
<header></header>
- 侧边栏
<aside></aside>
- 主体
<main></main>
- 页脚
<footer></footer>
- 布局标签
<section></secion>
- 文章标签
<article></article>
- 容器块元素,如div等
- 容器行内元素,如span、image、input、a标签等
侧边栏及主体一般放在一个容器里面,例如
<div class="container"></div>
实体字符:页面中原样显示,不会被浏览器解析;例如
<
为小于号
1.css(层叠样式表)语法与基本术语
- css引入方式及优先级:行内式>内嵌式>外链式
- 选择器:
h1
等元素 - 声明块:由一对
{...}
包住的内容 - 规则:选择器+声明块 如
h1 {}
- 属性和值(也叫样式声明):写在规则内的名值对 如
color:red;
- 元素样式的声明及优先级:1.用户自定义(包括html文档的
<style></style>
中 的和行内样式)>2.继承(根据元素在文档的结构和层级关系来确定他最终的样式)>3.浏览器定义(用户代理样式 ,大多浏览器表现基本一致)。 - id选择器
#cls{color:red;}
,其中#cls表示id的属性<div id="cls"></div>
- 类选择器
.cls{color:red;}
,其中.cls表示class的属性<div class="cls"></div>
- 标签选择器
h1{color:red;}
优先级为 行内属性(不是选择器)>id选择器>类选择器>标签选择器
用户代理样式表 代理:代理发出用户的网络请求;用户是通过浏览器发出http请求的,所以在默认情况下浏览器就是用户代理