学习笔记

1.一些html标签

1.     Table    border-collapse:collapse;合并边框线

2.     Figure   <figure><figcaption></figcaption></figure>

3.     Mark    奥对哈按实际迪欧<mark>aaaaa</mark>三四点

4.     Flex-wrap nowrap| wrap | wrap-reverse 

5.     Fieldset    <fieldset><legend>信息</legend><inputtyle=”text/></fieldset>

6.     Colgroupcol  width left

7.     Dalalist   <datalist><option>1</option><option>2</option></dalalist>

8.     Blockquote 文本块级引用 通常回缩进

9.     Address  <address>Citydr 10 door地址</address>

10.   Article   文章元素 主体文本

11.   Aside    所处内容之外的内容 于此内容相关

12.   Base     重定向页面所有链接 <basehref="http://www.w3school.com.cn/i/" />

13.   Cencer   文本居中显示

14.   Del      删除<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

15.   Nav     导航 。section：区段章节 页眉页脚 ol li type=”1,a”

16.   Pre Code 处理计算机语言

17.   Small    文本变小

18.   Strke     删除文本显示

19.   Sup sub  sup 上标 sub 下标

20.   Thead tbody tfoot

21.   Time  关于时间日期的标签没有任何样式 只是与前后有距离空格 datatime属性

2.一些css属性

1.    Clip    clip:rect(10,10,10,10);position:absolue;

2.    letter-spacing   letter-spacing:20px

3.    visibility      h1.visible{visibility:visible} 与display:block/none 相似区别是占位

4.    溢出隐藏     white-space:nowrap;text-overflow:ellipsis;overflow:hidden;

5.    Text-shadw：5px 5px 5px #ffee33   水平距离 垂直距离 模糊距离 颜色

6.    Word-wrap:break-word/normal  长文本折行后面整体单词会换行留有很大空白

7.    Word-break:break-all/keep-all/normal   后面单词内部换行 不浪费空间

8.    Transform:rotate/translate/scale/skew/matrix

9.    Column-count 文字分成几列 column-gap 每列之间间隔 column-rule 边线

10.  Animation:animation-name/animation-duration/animation-timing-function

                        Animation-delay/animation-iteration-count/animation-direction

                        animation-timing-function:linear/ease/ease-in-out/ease-in/ease-out

PS:

infinint 无限循环

animate: 动画名称 持续时间 线性运动延迟时间 播放次数 是否逆向播放

linear 匀速

ease 慢-快-慢

ease-in慢速开始-快

ease-out慢速结束

ease-in-out慢速开始-慢速结束

11.  animation-fill-mode:forwards;停留在动画最后一针
-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */