简单的单框架和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样式 字体系列

posted @ 2017-11-02 16:45  沉睡的大熊猫  阅读(861)  评论(0编辑  收藏  举报

杰克丹尼把科技的就看看的