框架和css基础
框架：一、框架集：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基础的更多相关文章
- 【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建
/* * @Author: 我爱科技论坛 * @Time: 20180715 * @Desc: 实现一个类似于JQuery功能的框架 * V 1.0: 实现了基础框架.事件框架.CSS框架.属性框架. ...
- HTML&CSS基础-内联框架
HTML&CSS基础-内联框架 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.如下图所示,在同一个路径中有两个网页 <!DOCTYPE html> < ...
- 框架，表格，表单元素，css基础以及基本标签的结合
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...
- 妙味课堂——HTML+CSS基础笔记
妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - P ...
- css基础总结一
最近在弄一个简单管理系统的前端,所以打算将做项目的一些个人感想以及总结简单罗列下,当然,主要针对前端的基础部分以及一些常用的前端个人简单技巧总结.主要分为js部分和css部分,下面是css的基础部分总 ...
- CSS基础教程 -- 媒体查询屏幕适配
响应式布局 Media Query 的使用方法 在上例中, 我们使用Media Queries来根据3种不同尺寸的窗口使用3种不同的样式.通过不同的媒体类型和条件定义样式表规则,媒体查询让CSS可以更 ...
- (转)第一天 XHTML CSS基础知识 文章出处：标准之路(http://www.aa25.cn/div_css/902.shtml)
欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也 ...
- CSS 基础总结
CSS基础 Doctype 声明位于文档中的最前面,处于 标签之前.告知浏览器的解析器,用什么文档类型 规范来解析这个文档. 在标准模式中,浏览器根据规范呈现页面: 在混杂模式中,页面以一种比较宽松的 ...
- 开始编写寄几的 CSS 基础库
前言 在现在的互联网业务中,前端开发人员往往需要支持比较多的项目数量.很多公司只有 1-2 名前端开发人员,这其中还不乏规模比较大的公司.这时前端同学就需要独挡一面支持整个公司上下的前端业务,项目如流 ...
随机推荐
- 简单的RTSP消息交互过程
C表示RTSP客户端,S表示RTSP服务端 第一步:查询服务器端可用方法 1. C->S:OPTION request //询问S有哪些方法可用 2. S->C:OPTION ...
- 第一个 lua 程序
第一个 lua 程序 lua 提供一个交互式编程模式, 直接在命令行输入 lua 开启 $ lua > -- 此处可以输入 lua 程序 lua 脚本执行时的 2 种方式 lua + lua 脚 ...
- 【转载】GPIO模拟i2c通信
I2C总线的通信过程(见图4-8)主要包含三个主要阶段:起始阶段.数据传输阶段和终止阶段. 1. 起始阶段 在I2C总线不工作的情况下,SDA(数据线)和SCL(时钟线)上的信号均为高电平.如果此时主 ...
- CF Educational Codeforces Round 3 E. Minimum spanning tree for each edge 最小生成树变种
题目链接:http://codeforces.com/problemset/problem/609/E 大致就是有一棵树,对于每一条边,询问包含这条边,最小的一个生成树的权值. 做法就是先求一次最小生 ...
- 通过 jdbc 分析数据库中的表结构和主键外键
文章转自:http://ivan4126.blog.163.com/blog/static/20949109220137753214811/ 在某项目中用到了 hibernate ,大家都知道 hib ...
- eNSP自学入门（基础）
写了上篇博客之后,就立即投入到了eNSP的怀抱之中了,自己从零基础,入门到现在.也学了不少东西,在这里和大家分享一下. 说一下学习的过程吧,老师说做网络工程的课程设计用eNSP,关于这个软件什么都没有 ...
- python特征提取——pyAudioAnalysis工具包
作者:桂. 时间:2017-05-04 18:31:09 链接:http://www.cnblogs.com/xingshansi/p/6806637.html 前言 语音识别等应用离不开音频特征的 ...
- openlayers应用“三”：百度地图纠偏
前两篇文章介绍了openlayers3加载百度在线和离线瓦片地图,页面上能够正常显示.地图加载后在地图上显示一条GPS轨迹,发现离实际位置相差太远,如下图所示: 轨迹形状和实际形状相同,但是位移太远, ...
- 亲测可用！！！golang如何在idea中保存时自动进行代码格式化
亲测可用,golang在idea中的代码自动格式化 1.ctrl+alt+s打开设置界面,选择[Plugins] -> [Install JetBrains plugin...] -> 搜 ...
- scala读取jar包外配置文件的方式
在scala的开发过程中,经常会修改程序的参数,将这些参数放到配置文件中避免了重复编译,打包的过程 这里给出读取配置文件的三种方式 方式一: 这是最常见的读取配置文件方式 val postgprop ...