![](https://img-blog.csdnimg.cn/20200729154000251.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
零基础学习Web开发
文章平均质量分 74
Web开发学习笔记,目前没有任何基础,为零基础学习笔记。
Dragon水魅
苦逼程序猿攻城狮。
展开
-
零基础学习CSS(18)——float、clear
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文float:https://man.ilovefishc.com/pageCSS3/float.html使用 float 可以使子元素浮动到父元素的左 / 右侧:<!DOCTYPE html><html><原创 2021-11-04 11:23:13 · 197 阅读 · 0 评论 -
零基础学习CSS(17)——display、visibility
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文display:https://man.ilovefishc.com/pageCSS3/display.htmlvisibility:https://man.ilovefishc.com/pageCSS3/visibility.html可通过原创 2020-10-18 16:38:37 · 285 阅读 · 2 评论 -
零基础学习CSS(16)——轮廓设计、元素阴影
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文outline-offset:https://man.ilovefishc.com/pageCSS3/outline-offset.htmlbox-shadow:https://man.ilovefishc.com/pageCSS3/box-s原创 2020-10-18 16:13:06 · 280 阅读 · 0 评论 -
零基础学习CSS(15)——元素尺寸
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文box-sizing:https://man.ilovefishc.com/pageCSS3/box-sizing.htmloverflow:https://man.ilovefishc.com/pageCSS3/overflow.htmlr原创 2020-10-18 15:57:10 · 335 阅读 · 0 评论 -
零基础学习CSS(14)——内边距和外边距
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文设置内边距:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>内边距</title>原创 2020-10-18 15:35:35 · 252 阅读 · 1 评论 -
零基础学习CSS(13)——边框设置
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文设置边框样式:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>边框的各种样式</title原创 2020-10-18 15:17:21 · 406 阅读 · 0 评论 -
零基础学习CSS(12)——背景美化
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文各个子功能在这里,懒得贴了:background-position的两两结合的举例说明:值得一提的是,可以将所有属性统一放在background下,不用一个一个写,例如:body { background: ur原创 2020-10-14 15:49:17 · 257 阅读 · 0 评论 -
零基础学习CSS(11)——颜色表达
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文标准颜色速查:https://man.ilovefishc.com/color/index.html调色器:https://man.ilovefishc.com/color/colorChange.html颜色拾取器:https://man.原创 2020-10-14 15:21:35 · 213 阅读 · 0 评论 -
零基础学习CSS(10)——属性选择器
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文[attr=“val”]:匹配定义了 attr 属性,且属性值为 “val” :<!DOCTYPE html><html><head> <title>属性选择器</title&原创 2020-10-14 15:02:17 · 243 阅读 · 0 评论 -
零基础学习CSS(9)——:nth-child(n)、:nth-last-child(n)、:nth-of-type(n)、:nth-last-of-type、:target、:lang、:not
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文:nth-child(n):https://man.ilovefishc.com/pageCSS3/dotnth-child-n.html:nth-last-child(n):https://man.ilovefishc.com/pageCSS原创 2020-10-11 21:18:56 · 357 阅读 · 0 评论 -
零基础学习CSS(8)——:root、:empty、:first-chlid、:last-chlid、:only-chlid、:frist-of-type、:last-of-type等
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文:root 选择器:https://man.ilovefishc.com/pageCSS3/dotroot.html:empty 选择器:https://man.ilovefishc.com/pageCSS3/dotEmpty.html:fi原创 2020-10-11 20:41:10 · 337 阅读 · 0 评论 -
零基础学习CSS(7)——:valid、:invalid、:in-range、:in-range、:out-of-range、:read-only、:read-write
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文:valid 选择器:https://man.ilovefishc.com/pageCSS3/dotValid.html:invalid 选择器:https://man.ilovefishc.com/pageCSS3/dotInvalid.ht原创 2020-10-11 16:47:50 · 635 阅读 · 0 评论 -
零基础学习CSS(6)——:enabled、:disabled、:checked、:requeired、:optional、:defaul
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文:enabled 选择器:https://man.ilovefishc.com/pageCSS3/dotenabled.html:disabled 选择器:https://man.ilovefishc.com/pageCSS3/dotDisab原创 2020-10-11 16:21:06 · 428 阅读 · 0 评论 -
零基础学习CSS(5)——:link、:visited、:hover、:active、:focus
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文:link 选择器:https://man.ilovefishc.com/pageCSS3/dotlink.html:visited 选择器:https://man.ilovefishc.com/pageCSS3/dotvisited.html原创 2020-10-11 15:46:37 · 654 阅读 · 2 评论 -
零基础学习CSS(4)——::first-line、::first-letter、::before、::after、::selection
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文原创 2020-10-11 15:11:28 · 476 阅读 · 1 评论 -
零基础学习CSS(3)——交集选择器、并集选择器、子元素选择器、相邻兄弟选择器、通用兄弟选择器
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文交集选择器,语法规则:元素选择器<!DOCTYPE html><html><head> <title>交集选择器</title> <meta charset=原创 2020-10-09 20:44:03 · 683 阅读 · 0 评论 -
零基础学习CSS(2)——通用选择器、元素选择器、类选择器、id选择器
官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文通用选择器,用 * 匹配,样式辐射到全部范围:<!DOCTYPE html><html><head> <title>通用选择器</title> <meta c原创 2020-10-09 15:07:56 · 373 阅读 · 0 评论 -
零基础学习CSS(1)——内联样式、内部样式表、外部样式表
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文HTML中使用CSS有三种方法:内联样式、内部样式表、外部样式表:内联样式:<!DOCTYPE html><html&原创 2020-10-08 22:44:26 · 500 阅读 · 0 评论 -
零基础学习HTML(27)——iframe标签、meter标签、progress标签
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文iframe标签:https://man.ilovefishc.com/pageHTML5/iframe.htmlmeter标签:https原创 2020-10-07 20:29:44 · 425 阅读 · 0 评论 -
零基础学习HTML(26)——audio标签、track标签
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文audio标签:https://man.ilovefishc.com/pageHTML5/audio.htmltrack标签:https:/原创 2020-10-07 20:01:30 · 527 阅读 · 0 评论 -
零基础学习HTML(25)——video标签
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文video标签:https://man.ilovefishc.com/pageHTML5/video.html<!DOCTYPE ht原创 2020-10-07 19:36:08 · 2165 阅读 · 0 评论 -
零基础学习HTML(24)——map标签、area标签、picture标签、figure标签
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文map标签:https://man.ilovefishc.com/pageHTML5/map.htmlarea标签:https://man.原创 2020-10-07 19:08:01 · 558 阅读 · 0 评论 -
零基础学习HTML(23)——section标签、article标签、details标签、summary标签
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文section标签:https://man.ilovefishc.com/pageHTML5/section.htmlarticle标签:h原创 2020-10-07 17:25:15 · 781 阅读 · 0 评论 -
零基础学习HTML(22)——output标签、textarea标签
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文output 标签:https://man.ilovefishc.com/pageHTML5/output.htmltextarea 标签:原创 2020-10-06 22:00:21 · 440 阅读 · 0 评论 -
零基础学习HTML(21)——input标签(五)
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文可以通过 input 的 placeholder 属性设置输入框中的提示信息:<!DOCTYPE html><html&原创 2020-10-05 15:55:36 · 498 阅读 · 2 评论 -
零基础学习HTML(20)——input标签(四)
注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文可以通过设置 input 标签的 number 设置限制数字输入:<!DOCTYPE html><html>&l原创 2020-10-05 11:23:06 · 398 阅读 · 0 评论 -
零基础学习HTML(19)——input标签(三)
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文可以同福哦<!DOCTYPE html><html><head>原创 2020-10-01 11:32:03 · 302 阅读 · 0 评论 -
零基础学习HTML(18)——input标签(二)
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文不会 PHP,这几节课学得心累。。。input标签:https://man.ilovefishc.com/page原创 2020-09-18 16:01:11 · 313 阅读 · 0 评论 -
零基础学习HTML(17)——input标签(一)
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文input 标签可以向 button 一样成为提交按钮,往往通过一些全局事件onclick()来绑定JS<原创 2020-09-18 08:35:45 · 354 阅读 · 1 评论 -
零基础学习HTML(16)——labal标签、fieldset标签、legend标签、select标签、option标签、optgroup标签
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文label标签:https://man.ilovefishc.com/pageHTML5/label.htmlfi原创 2020-09-15 11:06:22 · 670 阅读 · 0 评论 -
零基础学习HTML(15)——button标签(下)
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文浏览器通常可以自动保存一些用户数据,例如姓名、邮箱,避免用户频繁输入:但我们可以通过在form标签中设置auto原创 2020-09-14 20:30:39 · 278 阅读 · 0 评论 -
零基础学习HTML(14)——button标签(上)
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文以下提交效果需要服务器环境,代码大部分仅为html。button标签:https://man.ilovefishc原创 2020-09-05 22:00:53 · 370 阅读 · 0 评论 -
零基础学习HTML(13)——table标签(下)
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文...原创 2020-09-01 16:36:14 · 260 阅读 · 0 评论 -
零基础学习HTML(12)——table标签(上)
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文table标签:https://man.ilovefishc.com/pageHTML5/table.html&l原创 2020-08-17 15:44:00 · 937 阅读 · 0 评论 -
零基础学习HTML(11)——ul标签、ol标签、dl标签
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文ul标签:https://man.ilovefishc.com/pageHTML5/ul.htmlol标签:htt原创 2020-08-15 11:00:12 · 979 阅读 · 0 评论 -
零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文strong标签:https://man.ilovefishc.com/pageHTML5/strong.html原创 2020-08-14 16:47:42 · 1455 阅读 · 0 评论 -
零基础学习HTML(9)——q标签、blockquote标签、cite标签、abbr标签、dfn标签、address标签、ruby标签、bdo标签
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文q标签:https://man.ilovefishc.com/pageHTML5/q.htmlblockquote原创 2020-08-08 17:37:13 · 567 阅读 · 0 评论 -
零基础学习HTML(8)——pre标签、code标签
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文...原创 2020-07-29 16:03:23 · 858 阅读 · 0 评论 -
零基础学习HTML(7)——块级元素和行内元素
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文我们发现,有的标签在一行里显示,有的标签会另起一行:<!DOCTYPE html><html原创 2020-07-28 16:31:41 · 253 阅读 · 0 评论 -
零基础学习HTML(6)——初识JavaScript
文章目录官方资料学习正文注:学习笔记基于小甲鱼学习视频,官方论坛:https://fishc.com.cn/forum.php官方资料鱼C课程案例库:https://ilovefishc.com/html5/html5速查手册:https://man.ilovefishc.com/html5/css速查手册:https://man.ilovefishc.com/css3/学习正文<!DOCTYPE html><html lang="en"><head>原创 2020-06-10 22:57:43 · 463 阅读 · 2 评论