CSS
文章平均质量分 55
程序员大宁
获得省级软件测试各种奖项,对软件测试了解很深入
展开
-
零基础CSS入门教程(18)——注释
我们可以看到在代码里面加注释,在网页上面是显示不出来的,我们要学会使用注释,并且养成使用注释的习惯。我们之前学习html的注释,不止是html有注释css也有注释。注释再我们英语和文言文里面很常见。/* 设置背景颜色和字体颜色 */原创 2022-12-09 12:11:02 · 237 阅读 · 0 评论 -
零基础CSS入门教程(17)——内边距
我们可以通过padding-top、padding-right、padding-bottom、padding-left、,分别设置元素的上、右、下、做外边距。内边距、外边距的使用都很频繁,因此我们要合理熟练的使用内外边距,达到更好的效果。本篇来介绍内边距,顾名思义,内边距是指的元素内部的内容,与元素的边的距离。上一篇介绍了外边距,也就是元素跟相邻元素的距离。原创 2022-12-09 12:03:07 · 267 阅读 · 0 评论 -
零基础CSS入门教程(16)——外边距
可以通过margin-left/margin-right/margin-top/margin-bottom分别设定元素的左、右、上、下边距。物体的外边,指的就是外围的边界,对网页元素来说,外边就是元素最外面的边界。CSS之中,通过margin来设定元素的外边距,本篇就来说明下用法。那么外边距,就是一个物体的外边,与另一个物体的外边的距离。我们本小结学习了外边距,我们要学会使用外边距并熟练掌握。我们可以看到这两个按钮很丑,想让他们分开一点。我们第二按钮向下外边距10个像素。要理解外边距,先来说一下外边。原创 2022-12-09 11:53:27 · 249 阅读 · 0 评论 -
零基础CSS入门教程(15)——颜色值
我们可以通过RGB,R代表红色,G代表绿色,B代表蓝色,来确定颜色值。实际上,在光学中,红、绿、蓝三种颜色被称为三原色,也就是说这三种光学颜色混合后,可以产生各种各样的颜色。基于三原色的原理,我们也可以通过设置红、绿、蓝颜色的比例,来确定一个特定的颜色。我们学会了颜色值,我们就可以自己去定义自己喜欢的颜色,使我们的页面五彩缤纷。世界是五彩缤纷的,不论是皑皑的白雪、还是飘落的秋叶,世界因色彩而绚丽。之前我们已经学习过设置文本的颜色,设置背景色,以及设置边框的颜色。同样,网页也因为合理搭配色彩,而美观。原创 2022-12-09 11:29:58 · 184 阅读 · 0 评论 -
零基础CSS入门教程(14)——如何设置宽高
我们本小结学习一下,再css中如何设置宽和高,本章内容很重要,我们再开发的过程中设置宽和高很常用,要熟练掌握。我么在本小结学习了宽和高,我们再开发中,只要是你写项目,都离不开他们俩,我们要熟练使用。(2)高用height。(1)宽用width。原创 2022-12-09 11:22:25 · 896 阅读 · 0 评论 -
零基础CSS入门教程(13)——边框样式
可以通过border-style设置边框样式,常用的有solid实线、dotted点线、dashed虚线三种。大家想必发现了,我们在设定边框样式时,一般都会同时设定边框样式、宽度、颜色,如果逐一定义,比较麻烦。我们前几个小结学习了有序列表无序列表,我们这一小节学习一下边框样式很重要的一个知识点。我们本小节学习了边框样式,内容有点多,大家要学会熟练使用,我们在开发中很常用。可以通过border-width调整边框的宽度,单位一般使用px像素。可以使用bolder-color指定边框的颜色,原创 2022-12-09 11:10:21 · 126 阅读 · 0 评论 -
零基础CSS入门教程(12)——有序列表样式
我们上节课学习了无序列表样式,那我们这一小节学习一下有序列表样式,并熟练使用。我们本小节讲了有序列表的样式,我们学习了有序列表样式,我们要熟练掌握并使用。(1)list-style-type: lower-alpha小写英文字母。原创 2022-12-09 10:53:05 · 319 阅读 · 0 评论 -
零基础CSS入门教程(11)——无序列表样式
我们本小结学习了无序列表样式,我们用到最多的就是 list-style-type: none;去掉列表的默认格式,我们要熟练使用。我们再html里面有无序列表和有序列表,那我们这一小节学习一下列表样式,并熟练掌握。原创 2022-12-09 10:44:11 · 2057 阅读 · 0 评论 -
零基础CSS入门教程(10)——背景图片平铺不平铺
如果是repeat他会分成四块一样的也是默认平铺,repeat-x平行平铺两个,repeat-y上下平铺两个,而no-repeat他是取消平铺,只显示一个*/如果是repeat他会分成四块一样的也是默认平铺,repeat-x平行平铺两个,repeat-y上下平铺两个,而no-repeat他是取消平铺,只显示一个。什么叫平铺呢,就是图像在窗口上是如何铺设的,是横向一张一张的铺,还是不平铺只展示一张图片,还是纵向的一张一张的铺。我们本小节学习了图片的平铺和不平铺,我们以后对图片设置花样多了许多方法。原创 2022-12-08 14:22:07 · 2045 阅读 · 0 评论 -
零基础CSS入门教程(9)——背景颜色和背景图片
我们在images文件夹下放置一张图片,然后通过background-image来设置背景图。本小结我们学习了背景图片设置,背景颜色的设置,这两个设置再css里面很常用,我们要熟练掌握。如果觉得背景色不够好看,还可以找一张图片作为背景图,就想我们电脑或者手机的壁纸一般。我们前几小节学习了如何设置字体格式,我们这一小节学习一下如何设置背景颜色和图片。原创 2022-12-08 14:05:43 · 218 阅读 · 0 评论 -
零基础CSS入门教程(8)——CSS设置字体
我们前几个小结学习了,css的选择器,和及基本的改变字体颜色。我们这一小结学习一下设置字体的一些功能(1)font-size这个是设置字体大小,浏览器一般默认字体是16px(2)font-weight 这个是字体加粗和html字体加粗一样效果正常是400或写normal 加粗值是700或写bold(3)font-style是设置字体倾斜和html字体倾斜一样效果,倾斜写italic,不倾斜写normal(4)font-family可以设置字体形式 在后面加sans-serif是无衬线字体写这个墓地为了原创 2022-12-08 13:49:11 · 6266 阅读 · 0 评论 -
零基础CSS入门教程(7)——CSS外联写法
我们前几个小结学习了选择器,我们这几个小结学习一下css外联写法,并且熟练运用。我们为什么要学习外联写法那,我们再写css的时候少量的代码我们可以写在html里面但是我们要是做项目或者工程我们就必须使用外联写法。目录第一步新建html把外联样式导进来外联css的代码效果如下我们这一小结学习了css外联写法,我们外联写法一般用在代码非常多的时候使用。原创 2022-12-07 19:02:08 · 1040 阅读 · 0 评论 -
零基础CSS入门教程(5)——id选择器
我们前几个小结学习了class选择器和元素选择器,我们这一小节学习一下id选择器id选择器,就是应用于选择一个指定元素的。在上面的场景中,我们希望针对性的选择第三个p标签,所以我们就可以给第三个p标签指定一个id,然后使用id选择器选择这个标签。那么什么是id呢。就好比每个人都有一个唯一的身份证号,每个学生都有唯一的一个学号。id就是网页标签的唯一标识符,我们可以根据需要给标签添加id。我们向让第一个p变色效果如下我们这一小节学习了id选择器,我们再css里面一般很少用id选择器。我们大都使用class原创 2022-12-07 09:59:45 · 1645 阅读 · 0 评论 -
零基础CSS入门教程(4)——Class选择器
我们上一节课学习了元素选择器,并了解他的有点和缺点。我们如果有大量的相同元素标签,我们现在想让某一个元素标签出现效果。我们现在学习的元素标签满足不了,我们这小结学习一下我们最常用的class选择器。我们上一节讲到的内部样式,外部样式,行内样式就是对特定标签的选择,给它加上样式,算是标签选择这一节我们要讲的选择器,就是选择一类标签给他们加上特定的样式,比如我们有6的div标签,我们只想给其中3个加上特定的样式,我们要是像上一节只能用行内样式一个一个加,因为都是div标签,我们要是选择给div标签加的话,那就原创 2022-12-07 09:48:51 · 908 阅读 · 0 评论 -
零基础CSS入门教程(3)——元素选择器
那么,我们该如何批量设定元素的样式呢,在CSS中,选择器就是造物主那神奇的手指头,选择器指向谁,谁就得被设置。其实,选择器是用来选择标签元素的,我们可以通过选择器,选中一批元素,然后统一设置他们的样式。代码如下注意,p后面的大括号,里面是编写CSS样式代码的。大括号内的样式代码,都会应用于p选择器选中的元素。效果如下由上面的例子可见,我们不用元素选择器,也能实现所有p标签文本蓝色的效果,那么使用元素选择器后,到底有什么好处呢。其实好处还是挺多的,听我来说说:代码变少了。之前要为每个p标签编写CSS代原创 2022-12-07 09:34:15 · 190 阅读 · 0 评论 -
零基础CSS入门教程(2)——CSS如何应用
上一篇介绍了CSS的作用,就是用来设置网页的样式的。本篇就用一个最基础的入门实例,来展示下CSS是如何将样式应用到网页上好的,现在我们想将绿色这个样式应用到上面的第一个标签,也就是下面这段代码上。那么如何应用呢,其实可以通过HTML的style属性来实现。也就是说,style属性的值就是我们要编写的CSS代码部分。通过style属性,我们可以将CSS样式代码应用到指定的标签上。看下面的代码,我们给p标签设置了style样式,style属性的值color:aquamarine;就是CSS代码效果如下从上原创 2022-12-06 18:57:56 · 204 阅读 · 0 评论 -
零基础CSS入门教程(1)——认识css
我们这一下小节认识一下css,什么是css,css是干什么的。CSS是层叠样式表的简称,有时可以称为CSS样式表或者级联样式表,也是一种标记语言,主要用于设置HTML页面中的文本内容,图片的外形或者版面的布局以及外观样式,可以称为网页美容师。CSS最大价值:由HTML专注去做结构呈现,样式由CSS来完成,即结构(HTML)和样式(CSS)相分离CSS规则由两个主要的部分组成:选择器以及一条或多条声明(通俗理解为:选择器即为给谁改样式,多条声明为改成什么样式)一般将CSS写在中,将HTML写在中,这样就原创 2022-12-06 18:50:43 · 161 阅读 · 0 评论