frameset框架

frameset与body没法同时使用，frameset用来分割页面，frame在frameset用于引用其他网页

 <frameset rows="100,*" frameborder="no">    --上下分，第一行100像素，剩余为第二行；rows换成cols，则上下分变为左右分。frameborder=“no”，去掉分割线。

         <frame src="页面地址" noresize="noresize">    --noresize，禁止窗口调整大小

         <frame src="" scrolling="no">    --scrolling="no",取消显示滚动条

 </frameset>

iframe在原来页面嵌入小窗口显示其他页面

 <iframe src="其他页面的地址" width="" height="" frameborder="" scrolling="no"></iframe>

frameborder，边线；scrolling，滚动条。如果设置高和宽为0，则不显示，但是在后台会存在这么一个页面，该页面会在后台刷取流量。

选择器

1、标签选择器。用标签名做选择器。

 <style type= "text/css">

     p    //格式对p标签起作用

     {

         样式;

     }

     </style>

2、class选择器。都是“.”开头。

     <head>

     <style type="text/css">

     .main     /*定义样式*/

     {

         height:42px;

         width:%;

         text-align:center;

     }

     </style>

     </head>

     <body>

     <div class="main">       <!--调用class样式-->

     </div>

     </body>

3、ID选择器。以“#”开头

 <head>

     <style type="text/css">

     #main     /*定义样式*/

     {

         height:42px;

         width:%;

         text-align:center;

     }

     </style>

     </head>

     <body>

     <div id="main">       <!--调用id样式-->

     </div>

     </body>

4、复合选择器。

1）用“，”隔开，表示并列。

  <style type="text/css">

     p，span    /*标签p、span两者同样的样式*/

     {

         样式;

     }

     </style>

2）用空格隔开，表示后代。

  <style type="text/css">

     .main p    /*找到使用样式“main”的标签，在该标签里的P标签使用该样式*/

     {

         样式；

     }

     </style>

3）筛选“.”。

     <style type="text/css">

     p.sp    /*在标签p中的class="sp"的标签，执行以下样式*/

     {

         样式;

     }

     </style>

随堂

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <link rel="stylesheet" href="css/css1.css" />

         <style>

             /*id选择器*/

             #div1{

                 width: 100px;

                 height: 100px;

                 background-color: blue;

             }

             /*class选择器*/

             .div2{

                 width: 100px;

                 height: 100px;

                 background-color: green;

             }

             /*标签选择器*/

             div{

                 border: 5px solid #;

             }

             /*全局选择器*/

             *{

                 margin: 0px;

                 padding: 0px;

             }

             /*复合选择器*/

                 /*子代选择器*/

                 .div3 span{

                     color: red;

                 }

                 /*并列选择器*/

                 .div3,.div4{

                     width: 100px;

                 }

             [shuxing=abc]{

                 width: 100px;

                 height: 100px;

             }

             a{

                 color: black;

                 text-decoration: none;

             }

             .div4:hover{

                 cursor: pointer;

                 transform: rotate(45deg);

                 transition: 1s;

             }

         </style>

     </head>

     <body>

         <div style="width: 100px;height: 100px;background-color: red;"></div>

         <div id="div1"></div>

         <div class="div2"></div>

         <div class="div3">

             <span>几个字</span>

         </div>

         <div class="div4">

             <span>几个字</span>

         </div>

         <div shuxing="abc"></div>

         <a href="http://www.baidu.com">超级链接</a>

     </body>

 </html>

选择器随堂

0908期 HTML Frameset框架和选择器的更多相关文章

  1. java：CSS（定位，组合选择符，边距，Float，Table的样式，显示和隐藏，换行，盒子模型，iframe和frameset框架）

    1.绝对定位,相对定位,fixed定位(指浏览器窗口定位): <!DOCTYPE html> <html> <head> <meta charset=&quo ...

  2. Frameset框架

    总结一下.通过使用Frameset框架,可以在同一个浏览器窗口中显示不止一个页面. 先举个例子: <frameset rows="> <frame src="to ...

  3. 使用iframe 或frameset框架退出不成功

    iframe .frameset框架有时登录界面加载在框架当中,但我们想直接到登录界面,这时我们可以使用js来实现.if(window!=top) { top.location.href=locati ...

  4. Frameset框架集的应用

    Frameset框架集常用于写网站后台页面,大多数"T字型"布局后台页面,就是应用Frameset框架集来做的.Franeset框架集的优点是,他可以在同浏览器窗口显示不同页面内容 ...

  5. jQuery系列 第四章 jQuery框架的选择器

    第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元 素的标签名.属性名.状态等进行快速准确 ...

  6. Frameset 框架

      <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.c ...

  7. jquery查找frameset框架内iframe的元素

    老系统还幸存有过时的frameset框架,维护升级工作需要对其内部的iframe中的元素进行相关操作.使用jquery查找子iframe页面内的元素时,总找不到目标元素.后来发现少了contents ...

  8. asp.net Frameset框架集的嵌套使用

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Frame.aspx.cs& ...

  9. Frameset框架，在同一个浏览器窗口中显示不止一个页面

    总结一下.通过使用Frameset框架,可以在同一个浏览器窗口中显示不止一个页面. 先举个例子: 1 <frameset rows="100,*" cols="*& ...

随机推荐

  1. BZOJ 1833 【ZJOI2010】 数字计数

    题目链接:数字计数 没啥好说的,裸裸的数位\(dp\). 先枚举当前是算数字\(x\)出现的次数,设\(f_{i,j}\)表示从高位往低位\(dp\),\(dp\)完了前\(i\)位之后\(x\)出现 ...

  2. 使用由 Intel MKL 支持的 R

    我们通常使用的 R 版本是单线程的,即只使用一个 CPU 线程运行所有 R 代码.这样的好处是运行模型比较简单且安全,但是它并没有利用多核计算.Microsoft R Open(MRO,https:/ ...

  3. vnc viewer 点击system 卡死现象

    转自:http://zhangjunli177.blog.163.com/blog/static/1386073082012103052527557/ VNC viewer desktop dead ...

  4. VS2010快捷键大全----养成良好的习惯

    VS2010版快捷键Ctrl+E,D ----格式化全部代码 Ctrl+E,F ----格式化选中的代码 CTRL + SHIFT + B生成解决方案 CTRL + F7 生成编译 CTRL + O ...

  5. maven打包资源文件（转）

    原文链接:http://blog.csdn.net/u012849872/article/details/51035938 maven工程标准目录结构: src    -main       –bin ...

  6. Java 反射机制介绍

    参考文章:http://www.cnblogs.com/skywang12345/p/3345205.html Java 反射机制.通俗来讲呢,就是在运行状态中,我们可以根据“类的部分已经的信息”来还 ...

  7. 【转载】你真的会浮点数与整型数的"互转"吗?

    看了标题,你是不是觉得这TM是哪个iOS彩笔写的入门文章.好的,那咱们先来看看几个例题,看看你有没有白白点进来! int main() { float a = -6.0; int *b = & ...

  8. Roofline Model与深度学习模型的性能分析

    原文链接: https://zhuanlan.zhihu.com/p/34204282 最近在不同的计算平台上验证几种经典深度学习模型的训练和预测性能时,经常遇到模型的实际测试性能表现和自己计算出的复 ...

  9. python爬虫错误

    错误描述 TypeError: list indices must be integers or slices, not str 错误缘由 取标签属性的时候, find_all()函数与find()函 ...

  10. 51Nod 1049：最大子段和（dp）

    1049 最大子段和  基准时间限制:1 秒 空间限制:131072 KB 分值: 0 难度:基础题  收藏  关注 N个整数组成的序列a[1],a[2],a[3],-,a[n],求该序列如a[i]+ ...