zoukankan      html  css  js  c++  java
  • 框架和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  

                                   

  • 相关阅读:
    grid 布局
    数组对象
    定义换页时表现
    判断一个对象是否为空
    内存管理 内存泄漏
    arguments对象
    String类型
    对象 实例
    iOS 之 UIWebView
    iOS 之 内嵌网页
  • 原文地址:https://www.cnblogs.com/NCL--/p/6962061.html
Copyright © 2011-2022 走看看