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 · 123 阅读 · 0 评论 -
笔记：CSS position属性
position属性规定元素的定位类型。(默认为static)。 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 1.absolute：生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。 元素位置通过left，top，right以及bottom属性进行规定。 <html> <head> <style type="text原创 2021-12-14 11:45:49 · 667 阅读 · 0 评论 -
笔记：CSS动画animation属性
animation 属性是一个简写属性，语法如下： animation: name duration timing-function delay iteration-count direction; 默认值为：none 0 ease 0 1 normal animation有如下的六个属性： 1.animation-name(默认值为none)：规定需要绑定到选择器的keyframe名称。 2.animation-duration(默认值为0，此时无动画效果)：规定完成动画所...原创 2021-12-14 11:19:18 · 800 阅读 · 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 · 1101 阅读 · 0 评论 -
笔记：CSS弹性布局
基本概念： 容器：需要添加弹性布局的父元素。 项目：弹性布局容器中的每一个子元素，称为项目。 基本方向： 主轴：在弹性布局中，我们会通过属性规定水平/垂直方向为主轴。 交叉轴：与主轴垂直的方向，称为交叉轴。 给父容器添加以下属性即可使容器内使用弹性布局： display:flex 容器添加弹性布局后，显示为块级元素。 display:inline-flex 容器添加弹性布局后，显示为行级元素。 ps：容器设置为flex布局后，子元素的float，clear和vert...原创 2021-12-13 14:40:04 · 102 阅读 · 0 评论 -
笔记：CSS伪类选择器hover link visited active
:hover选择器 ：用于选择鼠标指针悬浮在上面的元素。（可用于所有元素，不单单只限于链接） :link选择器 ：用于设置指向未被访问页面的链接的样式。 :visited选择器 ：用于设置指向已被访问的页面的链接的样式。 :active选择器 ：用于设置活动链接的样式。 （即鼠标点击的时候） ps： :hover必须位于:link和:visited之后（如果存在的话），这样样式才能生效。 ...原创 2021-12-13 13:57:21 · 675 阅读 · 0 评论 -
CSS 改变鼠标指针悬停样式
http://www.divcss5.com/rumen/r427.shtml转载 2021-12-02 12:32:49 · 963 阅读 · 0 评论