zoukankan      html  css  js  c++  java
  • css一些标签区别

    1.strong和b,em和i标签的区别
    表现形式都是文本加粗,文本倾斜,区别在strong和em是具备语义化的,而b和i是不具备语义化的
    2.引用标签
    block quote:引用大断的段落解释
    q:引用小段词语解释
    abbr:缩写或首字母缩略词
    address:引用文档地址信息
    cite:引用著作标题
    用法:
    WHO成立于1948年
    3.iframe标签,应用场景:数据传输,共享代码,局部刷新
    可以引用其他HTML到当前HTML中显示
    主要利用iframe的属性进行调节
    frameborder:规定是否显示框架周围的边框
    scrolling:规定是否在iframe中显示滚动条
    srcdoc:规定在iframe中显示的内容,存在此标签则,src连接失效,只显示srcdoc中的内容
    4.br与wbr
    br标签表示换行操作,而wbr标签表示软换行操作。
    5.pre与code
    针对页面中的程序代码显示效果
    6.map与area
    给特殊图形添加连接area能添加的热区的形状:矩形原型,多边形
    用法:

    <are shape="热区图形"coords="坐标" href="连接" alt="" >

    7.embed与object
    embed和object都能表示嵌入多媒体,如flash动画,插件。本质没有太大区别,object需要配合 param 使用
    8.audio与video
    引入音频与视频的标签,属于h5的新功能
    控栏默认不会显示,添加controls显示控栏,添加 loop 会循环播放 auto play 自动播放
    9.文字注释与文字方向

    文字注释

    将文字顺序反过来文字
    9.link标签扩展
    添加网址标签的小图标

    10.meta扩展学习
    meta添加辅助信息
    11.transtition 过渡
    transtition-property:规定设置过渡效果的css属性名称
    transtition-duraton:规定完成过渡效果需要多少时间多少秒或者毫秒
    transtition-timeing-function:规定速度曲线
    12.tansfrom变形(变形操作不会影响到其他元素,变形操作只能添加给块元素,符合写法,可以同时添加多个变形操作,顺序为,先执行后面的操作,后执行前免得变形操作)
    transform-origin:设置中心点
    translate:位移
    translate x
    translate y
    translate z (3d)
    scale:缩放(值是一个比例值,正常大小就是1)
    scale x
    scale Y
    rotate:旋转(旋转的值:角度deg)
    rotate x
    rotate y
    rotate Z
    skew:斜切(单位也是角度)
    skew X
    skew Y

  • 相关阅读:
    算法----(1)冒泡排序
    淘宝爬虫
    爬虫_豆瓣电影top250 (正则表达式)
    爬虫_猫眼电影top100(正则表达式)
    Android 简单调用摄像头
    Android 简单天气预报
    思维模型
    This view is not constrained, it only has designtime positions, so it will jump to (0,0) unless you
    Android studio preview界面无法预览,报错render problem
    Android studio 3.1.2报错,no target device found
  • 原文地址:https://www.cnblogs.com/cengzhuquan/p/13899189.html
Copyright © 2011-2022 走看看