周末学习总结

这五天学习的内容有点多  需要实践理解  记得比较散 看到什么 想到什么就记录一下 

免得遗忘

vertical-align 行盒的对齐方式 有三种 baseline top bottom  注意是行盒  在实际运用中 我在img 与文字对齐

的时候用到过 还是很方便  文字和img 就显示在一行 没有落差 

float 可以形成 文字环绕的效果 浮动了的元素会自动 挤开文字 

倾斜字体 font-style:italic 可以设置文本倾斜 一般会使用标签 i 来代替这个css属性

letter-spacing 字间距 没怎么用过 需要的时候就别写nbsp了 

首行缩进 text-indent: 行盒和块盒的有所区别

::first-letter 可选中元素的第一个文字  可以形成 文字下沉的效果

::first-line 选中第一行

修饰选中文字::selection 可选中被用户框选的文字

font-family 修改字体

border-radius 圆角边框  border-radius:50% 圆形

background-position  取背景的一部分 需要测量 比较复杂 掌握的不是很到位 

background-size   contain cover

background-attachment   Scroll 背景图跟随元素移动   Fixed 背景图固定

background统一设置

Background 背景图 位置 尺寸 重复方式 固定方式 背景颜色

opacity 透明度 可以制作动画 渐入渐出的效果

text-shadow box-shadow  2px 3px 4px rgba(0,0,0,0.5)X轴 Y 轴 模糊半径 颜色

transition 过渡

  元素切换 渐入渐出 元素移动 元素发光

  复杂动画

  animation

  变形

  旋转rotate

  缩放scale

  移动 translate

  倾斜 skew

  背面可见性 backface-visibility visible hidden

表单 form

  input多种设置

  select 和 option组合表示下拉菜单

  datalist数据列表

  textarea 多行文本

  :focus 点击动作 

  fieldset 和 legend 对表单进行分组

  disabled readonly

  lable 关联标签  将其与表单元素进行关联

  点击leble 就可以聚焦到被关联的表单元素

这周内容还是比较丰富  短时间可能记得住 但是时间久了 就说不定了 

表单form 动画 animation  过渡 transition 这三个内容有很多标签组合 

需要理解 才比较好应用  动画 可以引入外部css 有很多现成的 精美的动画效果

2019.8.4

Get better soon and stay well for good.

Get better soon and stay well for good.

Get better soon and stay well for good.

原文地址:https://www.cnblogs.com/ATnTention/p/11298415.html