![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
css3
拳是套路
这个作者很懒,什么都没留下…
展开
-
媒体查询用法总结
准备工作首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">这段代码的几个参数解释:width = device-width:宽度等于当...原创 2020-05-05 16:15:49 · 245 阅读 · 0 评论 -
CSS中单位px和em,rem的区别
PXpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。px特点:IE无法调整那些使用px作为单位的字体大小;国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。任意浏览器的默认字体高都是16px。所有未经...原创 2020-05-06 00:01:58 · 105 阅读 · 0 评论 -
css3----立方体的旋转
核心点页面 x,y,z 坐标系的构建(以正对屏幕方向参考方向,向左为 + x, 向下为+y, 向外为 +z)rotateX,rotateY,rotateZ角度方向判断,以对应轴正方向为参考,逆时针旋转为正角度顺时针为负角度。注意,旋转时,坐标轴是跟着一起做旋转的。旋转中心默认为元素的中心点,可以通过transform-origin进行设置代码展示:<!DOCTYPE html&...原创 2020-04-26 13:43:41 · 184 阅读 · 0 评论 -
css3 --- 过渡
介绍CSS3中新增的transition属性,可以实现元素在变换过程中的过渡效果,实现了基本的动画。定义过渡transition是一个复合属性,包括transition-property、transitionduration、transition-timing-function、transition-delay这四个子属性。通过这四个子属性的配合来完成一个完整的过渡效果transition...原创 2020-04-26 12:45:14 · 137 阅读 · 0 评论 -
CSS3文字阴影
CSS3文字阴影CSS3设置文字阴影效果text-shadow样式,本来在CSS2版本中也有此属性,但在CSS3中文字阴影text-shadow再次被应用,丰富文字排版布局美化效果。在写网页的过程中,大标题可以采用颜色对比鲜明的"文字阴影"来使主题更突出。这个属性可以有两个作用,产生阴影和模糊主体。这样在不使用图片时能给文字增加质感。语法:text-shadow:x y blur colo...原创 2020-04-20 00:41:29 · 674 阅读 · 0 评论 -
CSS 浮动
CSS 浮动请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:当框 1 向左浮动时,它脱离文档流并且向左移动,直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中,所以它不占据空间,实际上覆盖住了框 2,使框 2 从视图中消失(框2在框1下面)。如果把所有三个框都向左移动清理浮动需要对该框应用 clear 属性。clear 属性的值...原创 2019-11-13 20:47:53 · 179 阅读 · 0 评论