CSS--头歌(educoder)实训作业题目及答案

CSS--头歌(educoder)实训作业题目及答案

flex布局之flex-direction

flex布局之flex-direction

探究前端的跑马灯效果是如何用css实现的

无意见看到了一个网站的一个动画的跑马灯效果很不错,这篇博客将用css实现跑马灯效果,剖析它是如何实现的!并且我也推荐用css实现这种无缝滚动的跑马灯,效果看起来更平滑,用js定时器实现的会有明显的抖动效果!

css设置渐变色

css渐变色

推荐10个不错的React开源项目

Kutt是一个现代的URL缩短器,支持自定义域,可以用来缩短网址、管理链接并查看点击率统计信息。Kutt支持自定义域名,设置链接密码和描述,缩短URL的私人统计信息,查看、编辑、删除和管理链接,RESTful API等。Kutt使用了Node.js、Express、Passport、React、Ty

CSS基础(超详解)

Css (层叠样式表)是种格式化网页的标准方式, 用于控制设置网页的样式,并且允许CSS样式信息与网页内容(由HTML语言定义)分离的一种技术。

【CSS】CSS 特性 ③ ( CSS 优先级 | 优先级引入 | 选择器基本权重 )

一、CSS 优先级1、优先级引入2、选择器基本权重3、完整代码示例

【零基础入门前端系列】—动画和弹性盒模型(二十四)

过渡和动画的区别过渡只能制作简单的动画(没有过程),动画可以制作复杂的动画(控制过程)过渡必须要有触发事件,动画可以没有过渡只能执行一次,动画可以执行无数次。

CSS架构之BEM设计模式

B代表:Black(块),独立实体,独立的意义,每个页面都可以看做是多个Block组成,见下图1-1;E代表:Element(元素),block 的一部分,没有独立意义,是组件下的一个元素,多个元素形成一个组件,见下图1-2;M代表: Modifier (修饰符),block 或 element 上

完美解决:flex布局中设置宽度被压缩的问题

问题描述:在父级中设置了display:flex;父元素宽度不够的时候,子元素就算设置的宽度,也会被压缩;产生原因:当子元素设置固定宽度,如果整体宽度不足时,会把固定宽度给压缩解决方法: 给固定宽度的元素添加flex-shrink:0flex-shrink:0;TIPS:flex-shrink平时在

css导航栏固定顶部两种情况,及绝对定位,相对定位,固定定位和粘性定位的特性及区别

css导航栏固定顶部两种情况,及绝对定位,相对定位,固定定位和粘性定位的特性及区别

css实现文字闪烁效果

css实现文字闪烁效果

浅析什么是伪类和伪元素?伪类和伪元素的区别解析

1、伪类种类伪类作用对象是整个元素尽管这些条件不是基于DOM的,但结果每一个都是作用于一个完整的元素,比如整个链接,段落,div等等。2、伪元素种类伪元素作用于元素的一部分:一个段落的第一行或者第一个字母}伪元素其实相当于伪造了一个元素,例如 before,first-letter 达到的效果就是伪

纯 CSS 实现轮播图(自动切换、无缝衔接、小圆点切换)

纯 css 实现一个简单的轮播图

css字体加粗(dw怎么在css里字体加粗)

css怎么设置前3个字加粗举个例子:比如都在一个标签里 这里是文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容 这里是文字内容文字内容文字内容文字内容文字内 这里是文字内容文字内容文字内容文字内容文字内.test p span{font-weight:bold;}这一个样式..

background-size 之 背景图的尺寸设置

引:background-size: 没有设置任何尺寸时使用图片本身的大小,宽度和高度都是auto默认值可以用px设置成具体的值,也可以使用百分比各种不同比例的适配问题,完美适配很少发生背景图1和背景图2 you红色边框分隔开来背景图1背景图2......

CSS实现垂直居中的7种方法

CSS实现垂直居中的7种方法1、设定行高(line-height)2、设置伪元素::before3、absolute + transform4. 设置绝对定位5、设置display:flex6、absolute + calc7. display:table-cell实现CSS垂直居中。1、设定行高(

CSS中的BFC详细讲解(易懂)

一个BFC区域只包含它的子元素,不包含其子元素的子元素。成为一个BFC区域要满足一定的条件。不同的BFC区域相互独立,互补影响。BFC是属于普通流的,我们可以把BFC看成页面的一块渲染区,他有自己的渲染规则,简单来说就是BFC可以看做元素的属性,当元素有了BFC这个属性,这个元素可以看做隔离了的容器

css flex 布局 space-around 和 space-evenly 之间的区别css flex布局)

css flex 布局 space-around 和 space-evenly 之间的区别css flex布局)flex布局

Vue组件居中:文字居中,按钮居中,图片居中等,如何实现在容器中居中

Vue实现组件在容器中居中显示的办法本文用实验的方法理解各种方法实现居中的效果。实现水平居中的样式主要有:text-align: center, margin: auto。当然还有别的方式也可以实现,也会写在下面。用三个同样的div来控制变量法看效果,这三个div既是组件也是容器。下面将他们分别叫做

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈