框架:一、框架集: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. 【渗透测试】PHPCMS9.6.0 任意文件上传漏洞+修复方案

    这个漏洞是某司的一位前辈发出来的,这里只是复现一下而已. 原文地址:https://www.t00ls.net/thread-39226-1-1.html 首先我们本地搭建一个phpcms9.6.0的 ...

  2. Java中四种遍历List的方法

    package com.ietree.basic.collection.loop; import java.util.ArrayList; import java.util.Iterator; imp ...

  3. jQuery修炼心得-DOM节点的插入

    1. 内部插入append()与appendTo() append:这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似. appendTo:实际上,使用这个方法是 ...

  4. 在Android Studio上测试运行,Unity发布成Android包的环境搭建步骤

      我用的是unity5.4.3版本,jdk是1.8.0_131版本,Android-SDK是r24.4.1版本,Android-NDK是r13b版本,作者是刚开始写博客,希望对在unity摸索的人有 ...

  5. hdu3336 kmp

    It is well known that AekdyCoin is good at string problems as well as number theory problems. When g ...

  6. Yomob广告在cocos2dx安卓平台的Demo

    Yomob 也是一个广告平台:他的使用方式比较简单哈,这里只说说他的步骤 按照官方文档说明配置环境,我使用的是eclipse,在eclipse上自己将文件copy到项目proj.android下,覆盖 ...

  7. ST-3- Installing and Testing IUnit, Hamcrest and Eclemma

    一.安装JUnit和Hamcrest 1.首先从办公网上下载JUnit.jar和Hamcrest.jar,并且将其放入所进行的项目的bin目录下,我将其放入了triangle项目的bin目录下. 2. ...

  8. 用php(session)实现留言板功能----2017-05-09

    要实现留言功能,发送者和接受者必不可少,其次就是留言时间留言内容. 要实现的功能: 1.登录者只能查看自己和所有人的信息,并能够给好友留言 2.留言板页面,好友采取下拉列表,当留言信息为空时,显示提示 ...

  9. Centos6.5静默安装Oracle11g

    sed -i "s/SELINUX=enforcing/SELINUX=disabled/" /etc/selinux/configsetenforce 0yum -y insta ...

  10. 学习笔记:HTML+CSS 基础知识

    1.<q>标签,短文本引用       <q>引用文本</q> <q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行 ...