尚硅谷新版Web前端HTML5+CSS3教程
文章平均质量分 88
tudouzibututou
封神之路尚不可知,路漫漫其修远兮,一直努力未尝不可。
展开
-
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p131-p148】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)一、flex(弹性盒、伸缩盒)1.简介-弹性盒是css中的又一种布局手段,它主要用来代替浮动来完成页面的布局。-flex可以使元素具有弹性,可以让元素根据页面大小的改变而改变。2.弹性容器-要设置弹性盒,必须先将一个元素设置为弹性容器。-我们通过 display来设置弹性容器-display-flex:设置为块级的弹性容器-display-inline-flex:设置为行内的弹性容器3.弹性元素-弹性容器的原创 2021-01-04 19:39:58 · 462 阅读 · 0 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p115-p130】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)一、过渡1.transition的作用-通过过渡,可以指定一个属性发生变化时的切换方式。-通过过渡,可以创建一些非常好的效果,提升用户的体验。2.transition的属性值-transition-property:指定需要过渡的属性,多个属性间用逗号隔开,如果所有属性都需要过渡,则可以使用all关键字。大部分有数值的属性,值是可以计算的,都支持过渡效果。注意:过渡时,必须从一个有效值向另外一个有效值进行过渡。-t原创 2021-01-03 18:16:21 · 286 阅读 · 0 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p89-p100】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p89一、背景1.background-color-设置背景颜色2.background-image-设置背景图片3.background-repeat-设置背景的重复方式-可选值:repeat(默认值,背景会沿着x轴、y轴重复平铺)、repeat-x(沿着x轴重复)、repeat-y(沿着y轴重复)、no-repeat(不重复)4.background-position-设置背景的位置-方位词可选值:to原创 2020-12-28 00:01:50 · 210 阅读 · 0 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p69-p84】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p69一、定位(position)1.定位是一个更加高级的布局手段。2.通过定位可以让元素摆放在页面的任意位置。3.使用position属性来设置定位。4.可选值:(1)static(默认值,元素是禁止的,没有开启定位)(2)relative (开启元素的相对定位) (3)absolute(开启元素的绝对定位) (4) fixed(开启元素的固定定位) (5)sticky(开启元素的粘滞定位)二、相对定位(rel原创 2020-12-23 19:06:45 · 230 阅读 · 0 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p58-p68】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p58(07:42)-一、盒子的大小1.默认情况下,盒子的可见框大小由内容、内边距、边框共同决定。-box-sizing:用来设置盒子大小的计算方式(设置width和height的作用范围)。可选值:content-box(默认值,宽度和高度用来设置内容区的大小)、border-box(宽度和高度用来设置整个盒子的可见框大小,width和height指的是内容区、边框、内边距的总大小)二、轮廓、阴影和圆角1.outl原创 2020-12-21 09:13:42 · 281 阅读 · 1 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【P38-P53】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p38(15:28)、一、样式的继承1.定义-我们为一个元素设置的样式,也会应用到它的后代元素。-继承是发生在祖先和后代之间的。-优点:继承的设计是为了方便我们的开发,利用继承我们可以将一些通用的样式设置到共同的祖先元素上,这样我们只需要设置一次,就可以让所有元素都获取到该样式。-注意:并不是所有的样式都会被继承,比如背景、布局等相关的这些样式都不会被继承。二、选择器的权重1.当我们通过不同的选择器选中一个相同原创 2020-12-17 22:39:25 · 270 阅读 · 0 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p27-p37】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p27(17:48)p28(23:54)p29 (12:47)P30 (18:12)原创 2020-12-16 17:05:18 · 284 阅读 · 0 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p20-p26】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p20(10:44)一、超链接1.跳转到其他页面-使用a标签来定义超链接-超链接也是行内元素,在a标签中可以嵌套除它以外的任何元素。-href属性,用来指定跳转的路径。-href的值可以是外部网页的一个地址,也可以写一个内部页面的地址。2.跳转到当前页面其他位置-最好使用相对路径p21(16:04)一、相对路径1.一般当我们需要跳转到一个服务器的内部原创 2020-12-15 23:44:24 · 284 阅读 · 0 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p11-p19】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇[尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)](https://www.bilibili.com/video/BV1XJ411X7Ud?from=search&seid=9656795985329486237p11(27:31)一、如何使用文档(便于查询标签和属性的软件Zeal和w3school)1.可以使用的标签、属性搜索软件:Zeal-优点在于版本较新-缺点是该软件为英文版,且有的时候连接不上原创 2020-12-15 18:57:16 · 334 阅读 · 0 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p9-p10】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p9(18:31)一、进制1.十进制-特点:满10进1单位数字10个(0-9)2.二进制(计算机底层进制)-特点:满2进1-单位数字2个(0、1)-所有数据在计算机底层都会以二进制形式保存-可以将内存想象成多个小格子储存的容器,每一个小格子都可以存储一个1或一个0-这一个小格子在我们内存中被称为1位(bit)-8个bit=1byte(字节)-102原创 2020-12-14 23:12:24 · 467 阅读 · 2 评论 -
尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p1-p8】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)源码地址p1(22:55s)一、软件的分类:1.系统软件-windows、Linux、macOS2.应用软件-office、QQ3.游戏软件-绝地求生、王者荣耀二、客户端与服务器1.用户通过客户端来使用软件2.服务器负责在远程处理业务逻辑3.服务端语言-JAVA、PHP、C#、Python、node.js4.客户端的形式-文字客户端,古老的方原创 2020-12-14 22:24:50 · 1110 阅读 · 0 评论