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

posted @ 2020-10-29 20:59  无敌臭弟弟  阅读(200)  评论(0编辑  收藏  举报