框架和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="300" height="500" src="IMG_20150628_162447.jpg"/></marquee>
选中<mark>关键字</mark>
<iframe height=498 width=510 src='http://player.youku.com/embed/XMjgxMDczMjkxNg==' frameborder=0 '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="0" 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  

                               

posted @   *眉间缘*  阅读(325)  评论(0编辑  收藏  举报
编辑推荐:
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
阅读排行:
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(四):结合BotSharp
· 一个基于 .NET 开源免费的异地组网和内网穿透工具
· 《HelloGitHub》第 108 期
· Windows桌面应用自动更新解决方案SharpUpdater5发布
· 我的家庭实验室服务器集群硬件清单
点击右上角即可分享
微信分享提示