框架：一、框架集：1、<frameset></frameset>不能有<body>标签

属性：1）cols:把网页拆分成几列（左右拆分）eg:<frameset cols="300,*"></frameset>左边 300，右边剩余所有

2）rows：把网页拆分成几行（上下拆分）

3）frameborder：边框：0；1

<frame/>：在框架集中要插入的网页:

1)scrolling：滚动条：yes，no，auto

2)src:网页地址

2、<iframe></iframe>若将宽度高度边框都为0，页面不在网页中显示，只在后台运行

1）width：宽度

2）height：高度

3）src：地址

4）scrolling：滚动条

5）frameborder：边框

<body>

<marquee direction="down">滚动文字</marquee>

<marquee direction="right"><img width="" height="" src="IMG_20150628_162447.jpg"/></marquee>

选中<mark>关键字</mark>

<iframe height= width= src='http://player.youku.com/embed/XMjgxMDczMjkxNg==' frameborder= 'allowfullscreen'></iframe>

<a href="capture-1.avi">ship</a>

</body>
框架集
<frameset rows="*,*" >

<frame src="Untitled-2.html" scrolling="no" />

<frame src="UntitledFrame-3" scrolling="no"></frameset><noframes></noframes>

自动默认为两行
<body>

<iframe src="Untitled-2.html" width="*" frameborder="" scrolling="no">

</iframe>

</body>

在增加网页视频时直接从网页复制链接，那么增加本地视频呢，我尝试使用超链接也就是<a>标签完成，

<a href="capture-1.avi">ship</a>

是可以实现的，那么本地视频打开的网页是否能与表单元素中的<form>属性target来设置完成打开新的选项卡呢，

<a href="capture-1.avi"><form target="_blank"></form>ship</a>

不能使用target属性

样式表基础：1、内联：<div style=".."></div>样式写在标签里，代码重用性差，控制精确

2、内嵌：<style type="text/css"></style>内嵌在网页的某个位置，在head里。代码重用性高，控制不精确

3、外部：样式都写在外部文件中<link href="text.css" rel="stylesheet" type="text.css">。代码重用性高，精确度最低

选择器找元素：id不能重复，每个元素都可以加；class能重复，每个元素都可以加

1、标签选择器：标签名{}取到多个元素

2、id选择器：唯一标识，只能取到一个元素。#id名称{}

3、class选择器：.class名{}，多个元素

4、特殊选择器：*{}，所有元素

5、组合选择器：逗号并列，空格后代，点筛选

关于样式的优先级（控制越精确优先级越高）

1、内联>内嵌=外部

2、id选择器>class选择器>标签选择器>所有选择器

3、改变优先级加:！important

框架和css基础的更多相关文章

  1. 【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建

    /* * @Author: 我爱科技论坛 * @Time: 20180715 * @Desc: 实现一个类似于JQuery功能的框架 * V 1.0: 实现了基础框架.事件框架.CSS框架.属性框架. ...

  2. HTML&CSS基础-内联框架

    HTML&CSS基础-内联框架 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.如下图所示,在同一个路径中有两个网页 <!DOCTYPE html> < ...

  3. 框架，表格，表单元素，css基础以及基本标签的结合

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

  4. 妙味课堂——HTML+CSS基础笔记

    妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - P ...

  5. css基础总结一

    最近在弄一个简单管理系统的前端,所以打算将做项目的一些个人感想以及总结简单罗列下,当然,主要针对前端的基础部分以及一些常用的前端个人简单技巧总结.主要分为js部分和css部分,下面是css的基础部分总 ...

  6. CSS基础教程 -- 媒体查询屏幕适配

    响应式布局 Media Query 的使用方法 在上例中, 我们使用Media Queries来根据3种不同尺寸的窗口使用3种不同的样式.通过不同的媒体类型和条件定义样式表规则,媒体查询让CSS可以更 ...

  7. (转)第一天　XHTML CSS基础知识 文章出处：标准之路(http://www.aa25.cn/div_css/902.shtml)

    欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也 ...

  8. CSS 基础总结

    CSS基础 Doctype 声明位于文档中的最前面,处于 标签之前.告知浏览器的解析器,用什么文档类型 规范来解析这个文档. 在标准模式中,浏览器根据规范呈现页面: 在混杂模式中,页面以一种比较宽松的 ...

  9. 开始编写寄几的 CSS 基础库

    前言 在现在的互联网业务中,前端开发人员往往需要支持比较多的项目数量.很多公司只有 1-2 名前端开发人员,这其中还不乏规模比较大的公司.这时前端同学就需要独挡一面支持整个公司上下的前端业务,项目如流 ...

随机推荐

  1. 秒懂JS对象、构造器函数和原型对象之间的关系

    学习JS的过程中,想要掌握面向对象的程序设计风格,对象模型(原型和继承)是其中的重点和难点,拜读了各类经典书籍和各位前辈的技术文章,感觉都太过高深,花费了不少时间才搞明白(个人智商是硬伤/(ㄒoㄒ)/ ...

  2. 面试题 ARC

    什么是ARC ?ARC主要解决什么问题? ARC:自动引用计数. 要点..当对象被创建时 retain count+1, 当对象被release时 retain count-1, 当retain co ...

  3. less的基本操作

    less的四大特性及示例 1.特性一(变量) less写法 @color:#ffffff: body{background-color:@color:} 生成的css body{background- ...

  4. CF #311 D. Vitaly and Cycle 加最少边形成奇圈

    题目链接:http://codeforces.com/problemset/problem/557/D 大意 给出一个未必联通的无向图(点数至少为3),问最少加多少边可以形成一个奇圈,以及这样做的方案 ...

  5. js表白心形特效

    好久没有仔细钻研技术了,闲下来借鉴一下做出一些效果 友情链接: http://tiepeng.applinzi.com/love_you/ ;;background:#ffe;font-size:12 ...

  6. CODEVS上一道很有趣的题（2145 判断奇偶性）

    判断函数y=x^n次方的奇偶性若是奇函数就输出ji,偶函数输出ou 233333 用到了long long 还是爆了,于是就上了char a[1000000] =.= #include<stdi ...

  7. PHP怎么打开或者关闭文件？

    什么是文件处理? 文件处理包括读取,关闭,重写等.掌握文件的处理需要读者理清思路,掌握好文件处理的关键步骤和常用函数,那么就可以运用自如了!感兴趣的请移步php文件处理专题. 比如,访问一个文件需要 ...

  8. 移动前端常用meta标签

    移动前端常用meta标签 移动前端head常用meta标签 原文链接:http://caibaojian.com/mobile-meta.html //code from http://caibaoj ...

  9. Spring Boot快速建立HelloWorld项目

    Spring Boot使我们更容易去创建基于Spring的独立和产品级的可以”即时运行“的应用和服务.支持约定大于配置,目的是尽可能快地构建和运行Spring应用. 构建环境 JDK 6+ Maven ...

  10. 源码浅谈(一)：java中的 toString()方法

    前言: toString()方法 相信大家都用到过,一般用于以字符串的形式返回对象的相关数据. 最近项目中需要对一个ArrayList<ArrayList<Integer>> ...