先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Python全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Python知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注Python)
正文
浏览器渲染完毕后:
可以看到有序指的就是上图中的数字排序,并且也可更改用什么来排序。
如上图,在
- 标签里可以设置type属性,默认为1,也就是咱刚看到的1 2 3 4,其余还有四种方式,感兴趣的小伙伴可以自己动手试试。
无序列表ul
同样的无序列表
渲染完之后:
可以发现和有序不同,无序的每一个前面都有一个点,代表并列的意思。那我可不可以将那个点去掉呢?当然可以。同样的也可使用type属性(已经不建议该方法,建议用css):
type=“disc” 默认实心圆
type=“circle” 空心圆
type=“square” 小方块
type=“none” 不显示
表格table tr td
一个table标签就代表一个表格,他有多少个tr标签就代表有多少行,tr里面有多少个td标签就代表有多少列。
渲染完成后:
其中border=“1”则是设置了边框宽度为1,width和height代表了表格的宽高。
我如果想要合并单元格应该怎么办?
答案是rowspan和colspan,如上图所示,我想要合并1和6,合并7和8,应进行如下操作
结果如下:
可以看到rowspan是竖向合并,而colspan是横行合并
表单form
表单其实是一个容器,能容纳各种各样的控件(比如各种输入框,提交按钮等)
渲染后:
属性说明:
action指的是服务地址,也就是要将数据提交到哪来处理
name指的是表单名称
method属性的值get和post都是数据提交的方式,具体区别后面再说。
input通常用于让用户输入的情况,比如输入账号密码,同时还有别的type属性:
块元素与行内元素
块元素独占一行,并且可以设置width和height大小
如:div,p,h1-h6,form,table,ul等
行内元素只占自身大小,不可以设置width和height
如:a,b,i,strong,span等
html5新增标签
三、CSS的各种参数和用法
css其实就是网页的化妆品,如何让网页变得更好看,这就是css的用处。
css的引入和格式:
引入:
如图,在
那么css的格式是怎么样的呢?
css的规则由两部分构成,一个是选择器,另一个是声明。
如图,我在body中写了一个div标签,在{ }中我对他进行了属性值的设定,我设置这个元素的宽和高以及背景颜色。
浏览器渲染完成后为:
也就是说上面红色框中的代码就代表我设定了div标签的一些值
那么这是css的其中一种引入方式,叫做内部样式。
接下来我将介绍别的引入方式
CSS的引入方式:
首先是内部样式,也就是上面提到的在
内联样式,指的是直接在元素里进行属性值的设定,比如下图:
那么我这样也是能够进行属性值的设定的。
还有一种是外部样式,也就是我单独创建一个.css文件,在其中编写好css代码,然后在我要使用的时候进行引入就行。
我现在单独创建了一个css文件,里面写好了和之前一样的样式,都是对div标签的相同属性设置。
那么我要怎么引用呢?
我们需要在html文件头部引入link标签,如下:
其中的rel="stylesheet"表示当前文档与链接的目标资源是一个样式表
而href后的内容则是css文件的路径。
像这样编写后,浏览器渲染完后的效果都是相同的,那么以上就是三种css的引入方式。
css选择器
首先要说的就是上面提到过到,叫标签选择器,也就是我直接选择一个标签,进行属性值的设定。
上图就选用了div标签
接下来要说的是类选择器,我可以给标签定义一个类,然后设置属性的时候直接选择这个类就行。
如下图:
可以看到要使用类选择器的方法是 . + 类名
接下来是id选择器
id选择器同类选择器,如下图:
可以看到使用id选择器的方法是 # + id名
那么类选择器和id选择器有什么区别呢
区别就是:
同一个类名可被多个标签共同使用,而一个id名只能被一个标签使用,也就是说一个id对应一个标签。
还有一种选择器是全局选择器:
如图,这种选择器会应用于所有的标签,相当于设置了一个初始属性,但是它的优先级是最低的,关于优先级马上就会说到。
合并选择器
像这样可以同时选用两个选择器。
关系选择器
·后代选择器:
A B{
}
会选择所有被A包含的b元素
·子代选择器:
A>B{
}
选择所有A元素的直接子元素
·相邻兄弟选择器:
A+B{
}
选择紧跟A元素之后的第一个B元素
·通用兄弟选择器:
A~B{
}
选择A元素之后的所有兄弟元素B
选择器的优先级:
如果同时应用两种或以上的选择器,会选用优先级较高的选择器
选择器的排序为:内联选择器>id选择器>类选择器>标签选择器>全局选择器
字体属性
·字体颜色:
color:red 或者 color:#ffffff 等,可设置字体颜色。
·字体大小:
font-size:12px px表示像素,chrome浏览器能接受的最小像素是12px
·字体粗细:
值
font-weight:bold 定义粗体
bolder 定义更粗体
lighter 定义更细体
100-900 定义由细到粗的值 400为默认 700就等同于bold
·字体样式:
font-style:normal(默认值),ltalic(定义斜体字)
·字体:
font-family:“Microsoft YaHei”
背景属性
·背景颜色:
background-color:red
·背景图片:
background-image:url(“图片路径”)
·背景图片显示位置:
background-position:
·背景图片如何填充:
background-repeat: repeat-x只向水平方向平铺
repeat-y只向竖直方向平铺
no-repeat 不平铺
repeat(默认值)
·背景图片大小属性:
background-size: 设置宽度和高度,如(200px,200px),如果只设置一个值,那另一个值为auto
设置百分比,如(50%,50%),如果只设置一个值,那另一个值为auto
cover 图片完全覆盖背景,会造成图片裁剪
contain 保证图片不会造成裁剪的情况下进行最大背景覆盖
文本属性
·文本的对齐方式:
text-align: left 居左排列,默认值
right 居右排列
center 将文本排列在中介
·文本的修饰
text-decoration: underline 下划线
overline 上划线
line-through 删除线
·文本的大小写
text-transform: captialize 每个单词开头大写
uppercase 全部字母大写
lowercase 全部字母小写
·文本首行缩进
text-indent:50px 首行文本缩进50像素
表格属性
·边框:
border:边框大小(px),边框样式,颜色。(三个参数)
(1)Python所有方向的学习路线(新版)
这是我花了几天的时间去把Python所有方向的技术点做的整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。
最近我才对这些路线做了一下新的更新,知识体系更全面了。
(2)Python学习视频
包含了Python入门、爬虫、数据分析和web开发的学习视频,总共100多个,虽然没有那么全面,但是对于入门来说是没问题的,学完这些之后,你可以按照我上面的学习路线去网上找其他的知识资源进行进阶。
(3)100多个练手项目
我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了,只是里面的项目比较多,水平也是参差不齐,大家可以挑自己能做的项目去练练。
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
识资源进行进阶。
(3)100多个练手项目
我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了,只是里面的项目比较多,水平也是参差不齐,大家可以挑自己能做的项目去练练。
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)
[外链图片转存中…(img-QsDs4bop-1713670977175)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!