简单的单框架和divccs布局(笔记)
iframe标签 单框架
用于加载别的页面。
结合src属性进行加载另一个页面。
如果页面属于外网,就要在网址前加上http://
使用width属性设置宽度,使用height设置高度。
使用scrolling属性设置是否需要滚动条。
使用frameborder属性设置是否需要框架边框线。
a标签 超链接标签。
结合href属性设置连接地址。如果要链接至外部地址,则要在网址前面加上http:// 。
结合target属性设置打开页面的方式。
target属性值:
_self
当前窗口,默认选中的。
_blank
新窗口打开。每次点击就有一个新窗口,可以存在多个新窗口。
new
新窗口打开。始终只有一个窗口。
_parent
父级窗口打开。
_top
上级窗口打开。
自定义target属性值
由工程师进行自行命名,命名规则只能使用英文、数字、下划线进行命名,并且不能使用数字开头。
同时要结合iframe标签进行使用。iframe标签里面要加上一个name属性,name属性值就是我们在a标签里面进行定义的命名。
a标签设置好自定义target属性之后,与iframe单框架结合之后,就能够实现在单框架里面切换页面的功能。
单标签和双标签。
双标签写法<a></a>
单标签写法<img />
div+CSS布局。
CSS Cascading Style Sheets
层叠样式表。文件后缀为css。
1.主要用于布局和页面美化。
2.不需要编译,直接被浏览器识别解析。
3.大小写不敏感。一般都是使用小写。
4.css属于W3C标准。http://www.w3school.com.cn/
css使用方式:主要就是对元素进行样式控制。
样式指的是可以实现某些视觉效果的代码。
样式的格式:
样式:样式值;
属性是写在元素头里面的代码,可以实现某些功能。
属性格式:
属性名="属性值"
css使用方式:
1.内嵌式。
直接在所要控制的元素中添加一个style属性。
例子:
<p style="color:#F00;">和格式是大幅回答方式</p>
2.内部样式表。
在head标签里面书写style标签。直接使用选择器进行样式控制。
例子:
<head>
<meta charset="utf-8">
<title>css演示</title>
<style>
选择器{width:500px; height:200px; background:#0F0; color:#FFF}
</style>
</head>
3.外部链入式
在head标签里面书写<link />标签。
然后使用href属性进行链入我们创建的css文件然后使用src属性进行链入我们创建的css文件。
我们必须先创建一份css文件。
然后直接在css文件里面使用选择器进行样式控制。
链入css文件之后还要在link标签里面书写两个属性:type="text/css"和rel="stylesheet"。如果这两个属性不写上,我们就控制不到对应的元素。
例子:
<head>
<meta charset="utf-8">
<title>css演示</title>
<link href="test.css" type="text/css" rel="stylesheet" />
</head>
外部链入式书写的代码是直接书写在css文件上。
常用样式
color样式 字体颜色
font-size样式 字体大小
font-weight样式 字体粗细
font-family样式 字体系列