• 0608课程框架其他


    上午接着学习标签:

    一.

    1.首先学习滚动标签

    滚动效果:<marquee>滚动内容</marquee>,在<marquee></marquee>之间我们可以加文字内容,也可以加图片(加图片为<img src="" />)

    direction:滚动方向:上右下左   <marquee direction="">


    2.做分隔线:<hr /> 单标签元素,代表网页里面的分割线,出现一次代表一次

    eg.<hr />

             <marquee>滚动内容</marquee>

        <hr />

    表示滚动内容上线各一条分割线


    3.标记文字:<mark>文字</mark>,会对文字进行一次标记


    4.网页里面嵌入视频网站的视频:
    找到视频-点击分享-选择复制通用代码或HTML代码-粘贴到网页
    eg.

    <body>

    粘贴复制的网页代码

    </body>

    二.框架集:

    1.<framset></framset>
    注意:在<framset></framset>框架集下面不能存在body标签,两者不能共存
    <framset cols="300,*" >表示左右拆分,左侧占300像素,剩余的给右侧(*表示占有剩余的所有空间)
    <framset rows="300,*" >表示上下拆分,上面占300像素,剩余的给下面
    <framset frameborder="no" >去掉边框
    <frame> 在框架集里面插入的网页

    src="" 要显示网页的地址

    scrolling="" 子页面的滚动条
    eg.

    2.<iframe></iframe>      注意:可以和<body>共存,而且应用比<framset>广泛

    width=""宽度
    height=""高度
    src="" 网页的地址
    scrolling=""滚动条

    eg.

    注意:另外<iframe>可以为隐藏的标签 ,可以携带隐藏的病毒,攻击点击者的电脑

    三.CSS样式表基础:

    1.内联:<div style=""></div>  样式写在标签里面,代码重用性差,控制精确
    2.内嵌:<style type="text/css"></style>  嵌在网页的某个位置,代码重用性高,控制不如内联的精确,在<head></head>内
    3.外部:<link href="test.css" rel="stylesheet" type="text/css"> 样式是写在一个外部文件里面,代码重用性最高,控制精确度最低

    通过选择器找元素:
    id="" 每个元素都可以加,id不能重复,是唯一的,相当于人的身份证,永远指向你自己
    class="" 类名 每个元素都可以加 可以重复

    1.标签选择器 div{放样式} 多个元素
    2.id选择器 #title{} 只能取到一个元素
    3.class选择器 .biaoti{} 多个元素
    4.特殊的 *{} 所有元素

    组合选择器:
    并列关系:div,span 逗号
    后代关系:#title a 空格
    筛选关系:div.biaoti 点

    关于样式表的优先级:
    内联>内嵌=外部
    id选择器>class选择器>标签选择器>*所有
    !important  打破优先级规律

  • 相关阅读:
    python3 接口测试 一般方法
    python2 接口测试一般方法.
    Postman 官网教程,重点内容,翻译笔记,
    Unity3D --对撞机/碰撞器 介绍
    MyBatis之配置文件与操作
    Eclipse连接mysql数据库jdbc下载(图文)
    MyBatis概述和环境的搭建
    样式加载不出来,浏览器控制台报错:Resource interpreted as Stylesheet but transferred with MIME type text/html
    bootstrap之navbar
    JSP中的内置标记(JSP动作)和 EL表达式
  • 原文地址:https://www.cnblogs.com/sutao/p/6963751.html
Copyright © 2020-2023  润新知