摘要：
上一篇文章已经具体介绍了css过渡的语法和用途，本文将介绍3d与过渡的结合的具体使用。 可以做出各种好看的3D动态效果 回顾一下，过渡的语法：简写：transition:all/具体属性值 运动时间s/ms 延迟时间s/ms 动画类型 案例效果图如下（实现代码在下方）： 3D 2d场景，在屏幕上水平 阅读全文
posted @ 2020-04-10 08:24
飘逸_winxin
阅读(647)
评论(0)
推荐(0)
摘要：
本文重点： 1、在2D变化使用过程中，有些需求需要两种或两种以上的变化同时使用， 值得注意的是尽量把位移变化放在最前面，把其他变化放在最后面，属性值中间用空格隔开； 因为其他变化放在前面会使位移变化出现很大的误差（切记） 正确写法如下：transform:translate(100px) rotat 阅读全文
posted @ 2020-04-08 09:28
飘逸_winxin
阅读(496)
评论(0)
推荐(0)
摘要：
渐变？：背景色在多个颜色之间平稳过渡 线性渐变:从一个方向到另一个方向到另一个方向的颜色的变化 线性渐变如图所示： 标准模式的语法（不添加浏览器前缀）： background:linear-gradient(direction,color-stop1,color-stop2) 说明：directio 阅读全文
posted @ 2020-04-03 13:54
飘逸_winxin
阅读(1838)
评论(0)
推荐(0)
摘要：
下面将介绍如何玩转各种表格和表单： 表格的作用：展示数据（尽量不做页面布局） 表格的属性：width、height、border、bordercolor cellspacing=“ ” 清除单元格边框的间距 cellpadding="" 内容距离边框之间的边距 align="" 水平对齐方式 val 阅读全文
posted @ 2020-04-02 17:12
飘逸_winxin
阅读(1905)
评论(0)
推荐(0)
摘要：
css浮动产生的高度坍塌以及解决高度坍塌的多种方法 (1)给元素添加overflow:hidden; 原理：触发BFC； 弊端：overflow:hidden;还有一个作用就是超出隐藏， 会隐藏掉元素内部定位的元素外部区域 具体实现代码如下： <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2020-03-31 17:22
飘逸_winxin
阅读(397)
评论(0)
推荐(1)
摘要：
盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。 css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。 换句话说，盒模型就如同一个房子，除了内部的货物以外，内部的其他空间就相当于接下来要介绍的padding 阅读全文
posted @ 2020-03-30 10:50
飘逸_winxin
阅读(796)
评论(0)
推荐(0)
摘要：
效果图如下（鼠标放置显示二级导航）： 先使用浮动和盒模型完成页面布局，再使用定位使二级导航不占据空间，不影响下面轮播图的布局，具体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view 阅读全文
posted @ 2020-03-29 08:48
飘逸_winxin
阅读(4071)
评论(0)
推荐(1)
摘要：
实现元素或图片的上下、左右居中的三种方法 效果图如下： 方法一：利用vertical-align属性实现图片上下居中 先设置父元素样式text-align: center，实现图片左右居中，给图片添加一个同级的span标签，设置宽度为零，高度100%，两者都设置display: inline-blo 阅读全文
posted @ 2020-03-27 12:25
飘逸_winxin
阅读(1139)
评论(0)
推荐(0)
摘要：
元素类型分类 块状元素、内联元素（行内元素）、可变元素 注：行内块元素归在内联元素这一类里面 默认情况下元素类型每个特点： 块状元素特点： 1、在页面以矩形区域显示。 2、自上而下排列，独占一行。 3、可直接加宽高 4、一般情况下，作为其他元素或内容的容器 内联元素特点: 1、在页面中最小单位也是矩 阅读全文
posted @ 2020-03-26 12:10
飘逸_winxin
阅读(436)
评论(0)
推荐(0)
摘要：
效果图如下：文本超出才会显示省略号 overflow visible:默认值，内容不会被修剪，会呈现在元素框之外；hidden：内容会被修剪，并且其余内容是不可见的；scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容;auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其他的 阅读全文
posted @ 2020-03-25 09:07
飘逸_winxin
阅读(1117)
评论(0)
推荐(0)
浙公网安备 33010602011771号