借助AI工具,竟然飞速掌握了前端知识

趁着这休息的时间,赶紧卷一卷,争取早日当上卷王!!!做前端开发也有三年了,不妨站在3年前上课的角度来想一个问题,我们为什么要学习css,很多同学会说,是课程安排的,但是我们仔细的想一想,在前端开发中,什么最难,我觉着是css,那么既然难,为啥还有那么多人去学他呢,其实他是前端开发工程师必备的技能之一,没有他,可能没有我们现在养家糊口的饭碗,少了哪一步都没法生存。我先问了文心一言这么一个问题,详解css,让我瞬间知道学习css,都要学习什么知识?

看到了上面的回复之后,我们先一点一点的来掌握吧

首先什么是css?

对于css,我们其实并不陌生了,css是一种层叠样式表,我们一般会用来给页面添加好看的样式,其实没有了css,html就剩下了冰冷的骨架,css是前端开发非常重要的一部分。

怎么来写一个css呢?

.box{   width: 100px;   height: 100px;   border: 1px solid #ccc;}

上面我们就会展示一下宽高100像素,并且有边框的盒子。

css是由选择器,属性和属性值组成。

怎么引入css?
我们文心一言,文心一言回答了4种方式

分别是,行内样式,内嵌样式,外链样式和导入样式四种,在企业开发中,外链样式和导入样式最为常用。

那么css选择器都有哪些呢?

文心一言回答如下,在企业开发中,最常用的还是类选择器和id选择器,还有初始化样式时的通用选择器。

css的注释都有哪些呢?

这时文心一言的回答似乎说的都是同一个,但是最后说的还是正确的。

css注释都是以/*开始，以*/结束。所有被放在/*和*/之间的内容都会被视为注释，不会被解析器解析。

css的继承?

我们都知道子承父业这个词语,在css中用这句话表达也说的过去,css的子元素会继承父元素的样式,但有些样式是继承不了的。

css的盒子模型?在开发中,我们也经常会看到盒子模型,看看我们添加的东西为什么超出了等等

比如我在写这篇文章的时候,我去看了看,左边的块是多大,这里就会显示盒子模型。

css动画?

在我们写官网项目的时候,会经常用到css动画的知识,我们看一看文心一言怎么回答的

css字体如何设置?

最长用到的就是设置字体的大小,颜色等等

文心一言说的太多了,好多都不常用,我将常用的给大家截图展示

这些基本上就可以啦,用到了,到时候再搜就可以啦!!!

css的响应式设计有哪些?

开发中,公司的官网时需要做适配的,手机上可以看,电脑上也可以看,这时候就需要学习一下响应式了,我们看一下文心一言的回答:

以上大体就可以将css学的差不多了,有一些样式需要在开发中不断地去积累,后面我会写一个小的动画页面,供大家学习。