![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
使用CSS来写一些酷炫的东西
不要情绪
这个作者很懒,什么都没留下…
展开
-
CSS---transform
在我们页面中往往会出现鼠标移入或移出的动画,常见的有缩放,平移等等,他们大部分都是依赖css中的transform属性来实现的,下面是transform的几个取值的具体用法(研究的都是2D效果)transform变换之translate位移transform变换之scale缩放因为一般都是2D的效果,所以scale的取值有以下三种scale(x,y):指的是该对象在2D时的缩放,第一个参...原创 2020-02-21 22:12:12 · 89 阅读 · 0 评论 -
CSS的选择器以及权重问题
CSS选择器1、作用为了获取HTML元素,并给HTML元素添加CSS样式2、语法CSS选择器{CSS属性名:CSS属性值;…}3、CSS选择器的分类*1、标签选择器:会选择页面中的所有相同的标签权重:1直接把HTML元素当做选择器来用<style> div{color:red;}</style><div>1</div>...原创 2020-02-15 20:14:48 · 417 阅读 · 0 评论 -
CSS的基础语法以及引入方式
一、CSS的作用给HTML元素添加静态或者动态的css样式二、CSS的基础语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明每条声明由一个属性和一个值组成选择器 { 属性名:属性值;属性名:属性值….}由多组属性名和属性值组成,而且每一组属性名和属性值之间用分号隔开selector {declaration1; declaration2; ... declarati...原创 2020-02-15 20:03:49 · 381 阅读 · 0 评论 -
使用css编写动画效果
使用css编写动画效果第一步新建一个静态页面,使用盒子模型,分别为其命名一个class类,设置他的宽高在css中引入图片(雪碧图),需要用到css中的图片属性p{background: url() no-repeat 1px 0;}需要注意,把图片引进来作为背景图片时,会产生平铺的效果,因此配合background-repeat: no-repeat,防止平铺,需要定位,定位到...原创 2019-12-23 08:50:32 · 356 阅读 · 0 评论