框架和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  

                               

原文地址:https://www.cnblogs.com/NCL--/p/6962061.html