css课程学习总结

本文总结了CSS的基础知识,包括样式作用、选择器分类、元素分类、常见属性等内容,并详细介绍了div学习要点、外边距问题、浮动及清除浮动的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

分为两大类,html和css的基本学习(应该是很基本的了),虽然囊中羞涩,但上次还是做完了html的总结,今日闲暇,再做一下css的总结吧,有时候觉得自己的还是不太完美,但是能想得到的都加在这里了。

 

一:css的样式,及其作用,

前面的学习学的是html,简而言之的来讲,html就像是在盖房子,而css就像是给房子室内装修,美化,没错~,最主要的作用之一就是美化页面,html做完基本构架,css进行美容装修,样式分为三种基本类型;行内样式、内嵌央视、外部样式。

 

还有css的基本格式     选择器{属性:属性值;}  或者是选择器{声明;声明}(大多数人会把属性属性值和成为一条声明)

 

 

二:选择器分类

那么既然上面说到了css的基本书写结构,里面有说到一个新的名词,选择器,那下面就说一下选择器的分类吧!分为基本选择器和复杂选择器两大类(就是一个是单一的选择器,一个是复合的选择器)

 

三:css的元素分类,

元素主要分为三大类,行内元素、块级元素、行内块元素。元素的分类名称是按照元素的特点来分的,

 

 

四:css的常见属性

对于属性的了解是最基本的,我个人认为,由于css的属性等东西太过于琐碎,不是很好记,所以更需要好好去牢牢记住这些东西

 

  

 

五:div的学习

实际上我本人觉得,关于css基础学习,有两大不好理解的,一个是div,另一个就是浮动(以及清除浮动)    需要知道div的组成以及他们之间的关系

 

 

 

六:外边距问题

垂直外边距合并 ,垂直外编剧塌陷

 

 

七:浮动

浮动!!我就觉得自己学习的时候,浮动让我很头疼,不是说不明白怎么回事,什么都能理解,就是总是忘记浮动,要么就是忘记清除浮动,真的很头大,现在虽然好点了,但一直自认为,这还是自己的薄弱之处,下面的笔记也很详细,希望能有所帮助不管对自己还是他人。

 

八:元素的隐藏

也算是小小的重点,有三种办法,

 

 

九:css的一些基本特性

比如继承性等,这些东西在写代码的时候很是有用,也许你写完了就是不能出来你想要的页面或者效果,没准是因为你没有遵循他的一些特性

 

 

十:css的定位

定位能对你想要在页面上做出你任何想要的改动,但离不开位置二字,但是也要记得,能浮动就不元素转换,能元素转换就不定位,相当于优先级比较低的 

 

想要对子元素进行绝对定位时,需要对父元素进行相对定位

 

 

 

 

总结:总的来说,学完html和css能够做基本的网页了,那么既然要做网页还有几各地方需要记一下,有助于网页的制作

 

一:在制作网页时,先对需要做的网页进行分析,

先找到网页的版心;

然后就开是给网页进行页面的分解(分块);

三个必备的东西:

1 效果图 图片文件夹

2 再建立一个css文件夹,里面最起码要有base.css,当然,也需要有index.css的

3 logo的制作:

一般来说logo是一个可点击打开的图片,它需要有以下几点:首先必须是一个a标签

而logo是a标签的背景图,将a标签转化成行内块元素,然后通过text-indent进行首行缩进,使文 字不再页面内显示

 

好啦,以上就是对css的所有总结了,希望物有所用!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值