文章 2022-09-26 来自:开发者社区

【Vue3从零开始-第四章】4-1 CSS过渡与动画基础效果

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第21天,点击查看活动详情。前言在前面三章的文章中,我们了解了vue的指令、方法、生命周期函数、组件的定义、组件的通信等。本章的内容主要就是讲解vue里面对CSS动画效果的一个处理,并在后面的章节中用一个实例来带着大家一起学习。在vue里面对于这种过渡和动画效果是有专门的标签...

【Vue3从零开始-第四章】4-1 CSS过渡与动画基础效果
文章 2022-09-04 来自:开发者社区

【基础巩固📔】- 带你搞懂CSS盒模型

大家好,我是Ned,一个刚刚入门前端未满两年的大三小学生未来路还长, 一起努力加油吧❤~最近在准备春招了,复习一些基础的知识点,整合成一个专栏发出来,希望可以帮助到更多的小伙伴们~盒模型先用一张图来说明一下我会怎么来介绍盒模型:什么是盒模型其实我们大家都能经常看见它,尤其是我们前端的小伙伴们,在浏览器中打开f12就能看见这样一个动态变化的图。它其实就是我们这篇文章的主角-盒模型。由这张图可以看出....

【基础巩固📔】- 带你搞懂CSS盒模型

CSS 快速掌握

49 课时 |
20277 人已学 |
免费

零基础学前端HTML+CSS

57 课时 |
9133 人已学 |
免费

前端开发CSS基础

21 课时 |
4321 人已学 |
免费
开发者课程背景图
文章 2022-06-17 来自:开发者社区

(二)基础CSS

前言第一节:基础HTMLCSS(级联样式表)告诉浏览器如何显示你在 HTML 中写入的文本和其他内容。你可以使用 CSS 控制 HTML 元素的颜色、字体、大小、间距等许多属性。style color<style> h2 { color: red; } </style> <!-- or --> ...

(二)基础CSS
文章 2022-05-30 来自:开发者社区

CSS入门基础(样式,css文件,选择器)

CSS入门学习CSS的简介层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素...

CSS入门基础(样式,css文件,选择器)
文章 2022-05-30 来自:开发者社区

玩转CSS基础——定位总结

定位总结CSS 中的定位经常有同学混淆定位与布局,两者傻傻分不清。布局是针对整个页面来讲的,你采用什么布局,两栏布局、三栏布局,目标是整个页面。而定位是针对某一个元素来讲的,把这个元素定位到什么位置。目前在 CSS 中,有 5 种定位方案,分别是:static 静态定位relative 相对定位absolute 绝对定...

玩转CSS基础——定位总结
文章 2022-05-30 来自:开发者社区

玩转CSS基础——浮动

浮动关于浮动,你需要知道的东西浮动出现的背景浮动属性产生之初是为了实现“文字环绕”的效果,让文字环绕图片,从而使网页实现类似&nbsp;word&nbsp;中“图文混排”的效果。来看下面的例子:&lt;div class="container"&gt; &lt;img src="./ok.png" alt="" width="200"&gt; &lt;p&gt;Lorem, ipsum dolor...

玩转CSS基础——浮动
文章 2022-05-30 来自:开发者社区

玩转CSS基础——CSS3遮罩

CSS3 遮罩介绍CSS mask 遮罩属性的历史非常久远了,远到比 CSS3 border-radius 等属性还要久远,最早是出现在 Safari 浏览器上的,差不多可以追溯到 2009 年。不过那个时候,遮罩只能作为实验性的属性,做一些特效使用。毕竟那个年代还是 IE 浏览器的时代,属性虽好,...

玩转CSS基础——CSS3遮罩
文章 2022-05-30 来自:开发者社区

玩转CSS基础——堆叠上下文

堆叠上下文堆叠上下文,英语全称 stacking context,经常也被翻译为“层叠上下文”,一说到层叠上下文,很多同学自然而然就会想到 z-index。但是大家在使用 z-index 时,往往对该属性的认识比较片面,认为 z-index 就是用来描述定义一个元素在屏幕 Z 轴上的堆叠顺序。z-index ...

玩转CSS基础——堆叠上下文
文章 2022-05-30 来自:开发者社区

CSS基础-插曲

CSS学习 1:通过css来设置边框的颜色 我们可以通过border:10px solid red;来统一的设置颜色,但是我们有的时候需要每个边框的颜色不一样,我们就需要通过各自设置的方法来设置边框的颜色。 <body> <!--这里是设置边框的,设置4的方向上的,使用border来...

文章 2022-05-29 来自:开发者社区

玩转CSS基础——渐进式渲染

渐进式渲染渐进式渲染,英文全称 progressive rendering,也被称之为惰性渲染,主要是为了提高用户体验,以尽快的速度来呈现页面的技术。在以前互联网带宽较小的时期,这种技术更为普遍。如今,移动终端的盛行,而移动网络往往不稳定,渐进式渲染在现代前端开发中仍然有用武之地。有一点需要弄明白的是,这不是指的某一项技术,而是各种技术的一种集合。例如:骨架屏在加载网络数据时,为了提升用...

玩转CSS基础——渐进式渲染

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。