Web前端页面各种布局方式全攻略#实战全程实录

收藏

3041人加入学习
价格
限期免费
教学计划
学习有效期
2020-05-27至2027-10-13
课程介绍

file

      课程目标
      • 学完这个课程你就可以随意布局各种页面

        DIV+CSS页面布局笔记

        参考

        DIV+CSS页面布局笔记

        在css中,设置背景图片时,能在同一个元素下设置多个背景图吗?
        可以

        阴影配置

        box-shadow: 1px 1px 3px 10px 颜色
        水平 垂直 模糊度 外延值 颜色

        正值水平大于垂直向右移动 ,负值向左
        正值垂直大于水平向下移动,负值向上

        box-shadow
        可以添加多个阴影使用逗号分开。

        inset 内置阴影写到最后,配合hover

        6个参数
        水平 垂直 模糊度 外延值 颜色 内置阴影

        圆角笔记

        8个值: 垂直与水平
        4个值: 垂直与水平 一个参数
        2个值: 对角线

        1个值: 四个角

        圆角实心实现: 设置border-left 然后设置圆角。

        CSS动画笔记-前缀

        很多CSS4已经可以使用了,需要定义前缀,每个浏览器中的内容是不一样的。厂商前缀。

        内核:
        Gecko firefox -moz-
        Webkit chrome -webkit-
        Trident IE -ms-
        Presto opera -o-

        CSS动画笔记

        元素内容水平垂直居中 padding:10px
        overflow 设置水平和垂直方向的溢出显示
        父元素感知子元素存在: overflow 父元素浮动
        z-index定位元素Z轴距离
        绝对定位: 其他元素为参照物 不会占用空间

        哪里有代码资源呀
        声音听起来很舒服,让人有听下去的欲望。内容不多说了,条理清楚,干货满满。
        声音听起来很舒服,让人有听下去的欲望。内容不多说了,条理清楚,干货满满。
        老师简直就是我的偶像,技术很强,羡慕,讲课质量杠杠的。
        老师讲的非常清楚,例子也举得非常棒。
        讲的非常好,清晰,易懂。
        推荐好课(试听)
        更新

        Java  实战   5751

        最新课程体验中
        限时免费

        升级

        前端  实战   3087

        最新课程体验中
        限时免费

        更新

        PHP  实战   3302

        最新课程体验中
        ¥9.9

        更新

        前端  中级   3273

        最新课程体验中
        限时免费

        更新

        前端  实战   3018

        最新课程体验中
        限时免费

        升级

        UI/UE  中级   1922

        最新课程体验中
        限时免费

        更新

        Linux  中级   3016

        最新课程体验中
        限时免费

        更新

        Python  实战   3850

        最新课程体验中
        限时免费

        辅导猿
        Sample avatar
        xxyd_php

        辅导猿

        Sample avatar
        xxyd_h5x

        辅导猿

        最新成员
        Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar Sample avatar
        学习资料 内容数量
        任务数量 90 关
        视频教程 270 小时+
        教学案例 630 个+
        辅助资料 270 个+
        练习作业 380 个+
        阶段测评 1400 道+
        最新评价
        Image placeholder

        A.君莫笑

        评价:哪里有代码资源呀

        Image placeholder

        是你吖

        评价:声音听起来很舒服,让人有听下去的欲望。内容不多说了,条理清楚,干货满满。

        Image placeholder

        xky-1

        评价:声音听起来很舒服,让人有听下去的欲望。内容不多说了,条理清楚,干货满满。

        Image placeholder

        13478993703

        评价:老师简直就是我的偶像,技术很强,羡慕,讲课质量杠杠的。

        Image placeholder

        刀刀

        评价:老师讲的非常清楚,例子也举得非常棒。

        Image placeholder

        charleyCC

        评价:讲的非常好,清晰,易懂。