20221125学习笔记

最新推荐文章于 2024-06-12 11:13:48 发布

Elviralk

最新推荐文章于 2024-06-12 11:13:48 发布

阅读量165

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_74135603/article/details/128036476

版权

文本加粗
文本斜体
在这里插入图片描述
不用再进行区分，，strong和em用的较多

</head>
<body>
    <i>猫猫</i>
    <em>猫猫</em>
    <strong>猫猫</strong>
    <b>猫猫</b>
</body>

在这里插入图片描述

<body>
    <p>
        <abbr title="#"></abbr>
      #<q>#</q>
       <address>#@qq.com</address>
       <cite>#</cite>
    </p>

在这里插入图片描述

在这里插入图片描述
wbr 在特定的地方换行，br强制换行

在这里插入图片描述
在里面输入代码不会显示，利用markdown语法可以显示

在这里插入图片描述
给特殊图案添加标签，area能添加的形状，矩形，图形，多边形

在这里插入图片描述
obj需要和param配合使用
移动端flash兼容较差，一般不用flash
实操效果

引入音频与视频的标签，属于HS的功能
在这里插入图片描述

图示代码可以帮助适应等级更低的浏览器
在这里插入图片描述
controls显示
loop重复
autoplay自动播放

在这里插入图片描述
方便浏览器进行解析
p标签从右向左开始
bod定义文字方向

<body>
    <ruby>
        林<rt>lin</rt>俊杰
    </ruby>
  </body>

icon
效果给网页添加小图标
dns-prefetch
提前对dsn解析，加速网站工作速度
在这里插入图片描述

作用
wbekit 双内核渲染，让ie浏览器用更高级别进行渲染，规定时间刷新，规定时间缓存

在这里插入图片描述

在这里插入图片描述
除了figcaption外都是块级元素

在这里插入图片描述

align-items表示子元素对其方式，而align-items表示多行的对其方式
在这里插入图片描述

顺序

flex:0 1 auto
(默认值)

flex高于一般样式

在这里插入图片描述

grid-template-rows:repeat(3,1fr)
grid-template-columns:repeat(3,1fr)
[fr 1fr 1fr 1的复写方式]

grid-template:
"a1 a1 a1''1fr
"a2 a2 a2"1fr
"a3 a3 a3"1fr
/1fr 1fr 1fr;
[复合写法，横着是列，竖着是行]

在这里插入图片描述

place-items纵向水平

items 针对网格内的元素
content针对整行
place 纵横
【span表示截取个数】

关注