• 周末学习总结


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

    免得遗忘

    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.

  • 相关阅读:
    Hacking Tools
    SDN 网络系统之 Mininet 与 API 详解
    Rust安装配置
    研华 FWA-3231 单路E3平台
    Netscaler Configuration Architecture
    TCP拥塞控制算法纵横谈-Illinois和YeAH
    TCP协议疑难杂症全景解析
    Windows WMIC命令使用详解(附实例)
    Windows一个文件夹下面最多可以放多少文件
    喝酒游戏,概率分布和卷积
  • 原文地址:https://www.cnblogs.com/ATnTention/p/11298415.html
Copyright © 2020-2023  润新知