zoukankan      html  css  js  c++  java
  • 周末学习总结

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

    免得遗忘

    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.

  • 相关阅读:
    思维科学的层次和学科构成
    知识管理--要对自己的知识做顶层的梳理和管理
    深入分析泛型编程--编译器使用模版生成代码
    算法与上下文
    深入理解递归算法
    什么是递归:递 与 归
    分治与”分析与综合”
    分治的逻辑学描述
    分治与递归
    generator的本质是将异步的管理剥离
  • 原文地址:https://www.cnblogs.com/ATnTention/p/11298415.html
Copyright © 2011-2022 走看看