![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
CSS笔记
成碌chan甘啊你
这个作者很懒,什么都没留下…
展开
-
笔记:CSS z-index属性
z-index属性设置元素的堆叠顺序,拥有更高的堆叠顺序的元素总是会处于堆叠顺序较低的元素前面。(默认值为auto)ps:元素可以拥有负的z-index属性值,且z-index尽可以在定位元素上奏效,即position:属性值。该元素设置一个定位元素沿z轴的位置,z轴定义为垂直延伸到显示区的轴,如果为正数,则用户更近,为负数则表示离用户更远。auto:默认值。堆叠顺序与父元素相等。number:设置元素的堆叠顺序。inherit:规定应该从父元素继承z-index属性的值。h原创 2021-12-14 12:00:05 · 87 阅读 · 0 评论 -
笔记:CSS position属性
position属性规定元素的定位类型。(默认为static)。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。1.absolute:生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素位置通过left,top,right以及bottom属性进行规定。<html><head><style type="text原创 2021-12-14 11:45:49 · 607 阅读 · 0 评论 -
笔记:CSS动画animation属性
animation 属性是一个简写属性,语法如下:animation: name duration timing-function delay iteration-count direction;默认值为:none 0 ease 0 1 normalanimation有如下的六个属性:1.animation-name(默认值为none):规定需要绑定到选择器的keyframe名称。2.animation-duration(默认值为0,此时无动画效果):规定完成动画所...原创 2021-12-14 11:19:18 · 730 阅读 · 0 评论 -
笔记:CSS过渡transition属性
1.transition-property(默认值为all):规定设置过渡效果的css属性名称。none:没有属性获得过渡效果。all:所有属性都将获得过渡效果。当值为指定的css属性应用过渡效果,多个属性用逗号隔开。2.transition-duration(默认值为0 此时不会产生过渡效果):规定完成过渡效果需要多少时间。时间的单位为秒或者毫秒。3.transition-timing-function(默认值为ease):指定过渡函数,规定速度效果的速度曲线。...原创 2021-12-14 10:49:25 · 1034 阅读 · 0 评论 -
笔记:CSS弹性布局
基本概念:容器:需要添加弹性布局的父元素。项目:弹性布局容器中的每一个子元素,称为项目。基本方向:主轴:在弹性布局中,我们会通过属性规定水平/垂直方向为主轴。交叉轴:与主轴垂直的方向,称为交叉轴。给父容器添加以下属性即可使容器内使用弹性布局:display:flex 容器添加弹性布局后,显示为块级元素。display:inline-flex 容器添加弹性布局后,显示为行级元素。ps:容器设置为flex布局后,子元素的float,clear和vert...原创 2021-12-13 14:40:04 · 73 阅读 · 0 评论 -
笔记:CSS伪类选择器hover link visited active
:hover选择器 :用于选择鼠标指针悬浮在上面的元素。(可用于所有元素,不单单只限于链接):link选择器 :用于设置指向未被访问页面的链接的样式。:visited选择器 :用于设置指向已被访问的页面的链接的样式。:active选择器 :用于设置活动链接的样式。 (即鼠标点击的时候)ps: :hover必须位于:link和:visited之后(如果存在的话),这样样式才能生效。...原创 2021-12-13 13:57:21 · 609 阅读 · 0 评论 -
CSS 改变鼠标指针悬停样式
http://www.divcss5.com/rumen/r427.shtml转载 2021-12-02 12:32:49 · 874 阅读 · 0 评论