From ff6468006ecbc75139ce2cc967ddc25ccab4222e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Wed, 4 Sep 2024 19:51:08 +0800 Subject: [PATCH 01/12] =?UTF-8?q?9.04=E7=AC=AC=E4=B8=80=E6=AC=A1=E7=AC=94?= =?UTF-8?q?=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\350\222\213\347\276\244/904.md" | 38 +++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 "\350\222\213\347\276\244/904.md" diff --git "a/\350\222\213\347\276\244/904.md" "b/\350\222\213\347\276\244/904.md" new file mode 100644 index 0000000..7b08917 --- /dev/null +++ "b/\350\222\213\347\276\244/904.md" @@ -0,0 +1,38 @@ +# 2024.9.04第一节课笔记 +## 如下： +# 我是一级标题 +## 我是二级标题 +[文字](相应的地址) +eg:[我是百度的地址](http://baidu.com) ——跳转相应的地址 + +*我是斜体* + +**我是粗体** + +***我是粗斜体*** +>我是说明 可以说明相应的内容 + +有序列表： +第一种： +1. 列表 + 1. 我还是列表 +1. 列表 + 1. 我还是列表 + + +无序列表： ++ 无序列表 + + 我还是无序列表 ++ 无序列表 + - 我还是无序列表 + + +（+ ，— 都可以用） +表格： + +| 左对齐 | 居中对齐 | 右对齐 | +|:------:|:-------:|------:| +| 文本1 | 文本2 | 文本3 | +| 文本4 | 文本5 | 文本6 | + + -- Gitee From 5a6ae14ad435a1eddef27b6b8d2051d62d16bd31 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Mon, 9 Sep 2024 21:34:06 +0800 Subject: [PATCH 02/12] 2.240909 --- .../\344\275\234\344\270\232/text.md" | 14 +++++++++ .../20240909\347\254\224\350\256\260.md" | 29 +++++++++++++++++++ .../\347\254\224\350\256\260/904.md" | 0 3 files changed, 43 insertions(+) create mode 100644 "\350\222\213\347\276\244/\344\275\234\344\270\232/text.md" create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20240909\347\254\224\350\256\260.md" rename "\350\222\213\347\276\244/904.md" => "\350\222\213\347\276\244/\347\254\224\350\256\260/904.md" (100%) diff --git "a/\350\222\213\347\276\244/\344\275\234\344\270\232/text.md" "b/\350\222\213\347\276\244/\344\275\234\344\270\232/text.md" new file mode 100644 index 0000000..0033997 --- /dev/null +++ "b/\350\222\213\347\276\244/\344\275\234\344\270\232/text.md" @@ -0,0 +1,14 @@ +# 24/09/09作业 +# 全国主流浏览器对应的渲染引擎和JS引擎如下表所示‌： + + +| 浏览器名称 | 渲染引擎 | JS引擎 | +|:------:|:-------:|------:| +| Chrome | Blink | V8 | +| Firefox | Gecko | SpiderMonkey | +| Safari | Webkit | JavaScriptCore | +| Edge (Chromium-based) | Blink | V8 | +| Opera (Chromium-based) | Blink | V8 | + + + diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240909\347\254\224\350\256\260.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240909\347\254\224\350\256\260.md" new file mode 100644 index 0000000..85cf4b7 --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240909\347\254\224\350\256\260.md" @@ -0,0 +1,29 @@ +# 2024/09/09笔记 +# HTML +## HTML的专有名词 +1. 网页：由各种标记组成的一个页面就叫网页 +2. 主页（首页）：一个网站的起始或者导航页面 +3. 标记：

称为开始标记，

称为结束标记，也叫标签。每个标签都有特定的涵义。 +4. 元素：

内容

称为元素，也叫dom元素，也叫节点 +5. 属性：每个标签所做的辅助信息 +6. XHTML:符合XML语法标准的HTML +7. DHTML：dynamic，动态的。javascript + css + html合起来的页面就是一个 DHTML。 +8. HTTP：超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。 + +## 书写第一个HTML页面 +打开VS Code软件，后缀名为.html +1.按英文的！ 再按回车 2.输入html:5 就可以自动生成以下内容 + + + + + + Document + + + +1. html:HTML标签 页面中最大的标签，我们成为根标签.
+2. head :文档的头部 注意在head标签中我们必须要设置的标签是title.
+3. title: 文档的标题 让页面拥有一个属于自己的网页标题.
+4. body文档的主体 元素包含文档的所有内容，页面内容 基本都是放到body里面的. + diff --git "a/\350\222\213\347\276\244/904.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/904.md" similarity index 100% rename from "\350\222\213\347\276\244/904.md" rename to "\350\222\213\347\276\244/\347\254\224\350\256\260/904.md" -- Gitee From 146c95c21dd3385a9c534c48b4d85c77dbe47a45 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Wed, 11 Sep 2024 22:51:49 +0800 Subject: [PATCH 03/12] =?UTF-8?q?20240911=E7=AC=94=E8=AE=B0+=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../\344\275\234\344\270\232/work.html" | 27 ++++++++++++++++ .../240911\347\254\224\350\256\260.md" | 32 +++++++++++++++++++ 2 files changed, 59 insertions(+) create mode 100644 "\350\222\213\347\276\244/\344\275\234\344\270\232/work.html" create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/240911\347\254\224\350\256\260.md" diff --git "a/\350\222\213\347\276\244/\344\275\234\344\270\232/work.html" "b/\350\222\213\347\276\244/\344\275\234\344\270\232/work.html" new file mode 100644 index 0000000..0bd0dea --- /dev/null +++ "b/\350\222\213\347\276\244/\344\275\234\344\270\232/work.html" @@ -0,0 +1,27 @@ + + + + + + Document + + + + +

不想早八

+
+

不想早十

+ + + + + +
+

早点睡觉

+

早点起床

+
+ + + + + \ No newline at end of file diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/240911\347\254\224\350\256\260.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/240911\347\254\224\350\256\260.md" new file mode 100644 index 0000000..e306945 --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/240911\347\254\224\350\256\260.md" @@ -0,0 +1,32 @@ +# 2024/9/11笔记 +## 主流浏览器 +1. User Interface（UI界面）2.2、Browser engine （浏览器引擎 3、Rendering engine（渲染引擎）4、Networking （网络模块）5、JavaScript Interpreter（JavaScript解析器） + +### 出识HEML 1.HTML的规范 +1. 所有标记元素都要正确的嵌套，不能交叉嵌套
+2. 所有标记必须小写
+3. 所有标签必须闭合 +双标签：span /span +单标签：br ,hr +4. 所有属性必须加引号
+5. 所有属性必须有值 +6. XHTML文档开头必须要有DTD文档类型定义 + +### 2.HTML的基本语法特征 +1.HTML对换行不敏感，对tab不敏感
+2.空白折叠现象
+3.标签要严格封闭 + +## HTML标签排版 +### 排版标签： + +1. 标题标签

一级标签

二级标签

+2. 段落标签:p +3. 水平线标签:hr +4. 换行标签:br +5.
和标签 +div标签：可以把标签中的内容分割为独立的区块。必须单独占据一行。
+sapn标签：和div的作用一样，但不换行。 +6. 内容居中标签
:只要是在这个标签里面的内容，都会居中于浏览器的中间 +7. 预定义（预格式化）标签：pre +含义：将保留标签内部所有的空白符（空格，换行符）原封不动的输出结果。（告诉浏览器不要忽略空格和空行 \ No newline at end of file -- Gitee From 88d1fce19f317b5f739370c5df5e5d6c7eaaf6fb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Sun, 15 Sep 2024 00:38:49 +0800 Subject: [PATCH 04/12] =?UTF-8?q?2024.0913-0914=E7=AC=94=E8=AE=B0+?= =?UTF-8?q?=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../0913\344\275\234\344\270\232/th.jpg" | Bin 0 -> 30532 bytes .../0913\344\275\234\344\270\232/works.html" | 27 +++++ .../0914\344\275\234\344\270\232/work.html" | 97 ++++++++++++++++++ ...\345\272\212\350\256\276\347\275\256.html" | 13 +++ .../20230913\347\254\224\350\256\260.md" | 51 +++++++++ .../20240914\347\254\224\350\256\260.md" | 39 +++++++ 6 files changed, 227 insertions(+) create mode 100644 "\350\222\213\347\276\244/\344\275\234\344\270\232/0913\344\275\234\344\270\232/th.jpg" create mode 100644 "\350\222\213\347\276\244/\344\275\234\344\270\232/0913\344\275\234\344\270\232/works.html" create mode 100644 "\350\222\213\347\276\244/\344\275\234\344\270\232/0914\344\275\234\344\270\232/work.html" create mode 100644 "\350\222\213\347\276\244/\344\275\234\344\270\232/\345\233\276\345\272\212\350\256\276\347\275\256.html" create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20230913\347\254\224\350\256\260.md" create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20240914\347\254\224\350\256\260.md" diff --git "a/\350\222\213\347\276\244/\344\275\234\344\270\232/0913\344\275\234\344\270\232/th.jpg" "b/\350\222\213\347\276\244/\344\275\234\344\270\232/0913\344\275\234\344\270\232/th.jpg" new file mode 100644 index 0000000000000000000000000000000000000000..bb53e161f2c57e761ef25cce9622b923973cdf7a GIT binary patch literal 30532 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%0AE zClo{|z%L@DP>0HMp6L3DjL41V`)Xykal~a0!OacPk&cwm1-eOxt#*MUNTDb0Cb{t2 z9dK*5)&|bov)T31q93(x$9W>NL4|1Alj)P(%^wbJB}6|iF-kUqGn!sl3ezn4B#&xg zNSu>fLF-2V^sF4x#tjfugFu$+L37rnP!^(9csC!y)vevhHTaDEsl{5y;!hNR-r#=q z{8F}#Ei*xs1C@uv{Q#}C&U=Why~uW>pNv<%A=>JGYfgbpuxf4z6$sx?1K=D{Obp_c zH}Zg2)3`aJy9g(ztt4pJEB2b$rmjE$inCqt$UUo5%U^CD^`^LfjkTB9iUZ6mMY>6}{ki37!0{MV z0)ucW>9Q~?+)d(P25abV&ODuJ=F;*r=1wZmm1CL`El-1*hVBbkCER?+psBL+Ios=9 zn@<~Dvs3uzQD4R@(Dzzqo(=>snGfduE5nYw0DWuezI%x#v06>x)Abumk^cY`nXcVf zTG@7v;jLvxir^&R1DtOeVf)uP01o=q2AA^>i5WzX|fEJJ#)?n&33a~J)+mH@4z7)@fbZq zjs*(b{`I`~8Xe4J4p@@Kxj8xg1$J*t)AfTjq?0;cyCAh6faLNTyGPjlXS0*y>MWt@ zB9ARw%Fs#~YTjM(s~>9dDl3&o$y&2pef#0Lk``{D8fX}twxKZ}=T{#=2@ZEi>;27| zlIh-J#Cr6jCTiwf@mdC#*()sq?_0RLTbsD!J1w7p8oz}0@#WnQAKuM$)n$0CGr$~ZOj(q_CpzL}I^Y2p-j&gXdM^HBtVNaE62|PHT{{U`ioVIE^scrgIyz6loVb-zUUp;8k z9PvsqL6rK?PZNsS;jstap1v6|(9waB>AEp*nCu%{HSuvVaXw zd2z6#aA+}KG3#2T`Hf6V$vtW{4oyn_U6s!YWtr zkhcKSNX|<$5^C=3TSiZ*=~BpDi?PY5BQAxTfz(#*(lrx9tpkHr*N<-F*wRk346i5K zy7K%+Hby}w){mKs9!c-bM%X!|osqJq6>F%Z-d6{875L!N$t+G8eJTt1Ih+jQISM*+`Ypz38>_Cag68EzOq@>B7z*UsNTkdxI15l6(mHD zV?sGm`p}Wb88tGA(`%9iI$B$d@M=r9koi2Kx@6MuxuM9WVfL><*ZCHC6aW~3+`Ni3 zooIEVM4E)1>-mbcMUK;Qj2u?5cBQ<7hG24P-P%Z0wG|jOI~7tzPjx>{)L62DX?jy0 SDNpq3FU9^ezi)Z0n*Z4e*zX7c literal 0 HcmV?d00001 diff --git "a/\350\222\213\347\276\244/\344\275\234\344\270\232/0913\344\275\234\344\270\232/works.html" "b/\350\222\213\347\276\244/\344\275\234\344\270\232/0913\344\275\234\344\270\232/works.html" new file mode 100644 index 0000000..f49e5ad --- /dev/null +++ "b/\350\222\213\347\276\244/\344\275\234\344\270\232/0913\344\275\234\344\270\232/works.html" @@ -0,0 +1,27 @@ + + + + + + Document + + + +
+ + + + + + \ No newline at end of file diff --git "a/\350\222\213\347\276\244/\344\275\234\344\270\232/0914\344\275\234\344\270\232/work.html" "b/\350\222\213\347\276\244/\344\275\234\344\270\232/0914\344\275\234\344\270\232/work.html" new file mode 100644 index 0000000..dd57c24 --- /dev/null +++ "b/\350\222\213\347\276\244/\344\275\234\344\270\232/0914\344\275\234\344\270\232/work.html" @@ -0,0 +1,97 @@ + + + + + + Document + + + + + +
+
    +
  • + + +
    • +
  • 商店
    • +
  • Mac
    • +
  • iPad
    • +
  • iphone
    • +
  • Watch
    • +
  • Vision
    • +
  • AirPods
    • +
  • 家居
    • +
  • 娱乐
    • +
  • 配件
    • +
  • 技术支持
    • +
  • + + +
    • +
  • + + +
    • + + +
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git "a/\350\222\213\347\276\244/\344\275\234\344\270\232/\345\233\276\345\272\212\350\256\276\347\275\256.html" "b/\350\222\213\347\276\244/\344\275\234\344\270\232/\345\233\276\345\272\212\350\256\276\347\275\256.html" new file mode 100644 index 0000000..030f2a4 --- /dev/null +++ "b/\350\222\213\347\276\244/\344\275\234\344\270\232/\345\233\276\345\272\212\350\256\276\347\275\256.html" @@ -0,0 +1,13 @@ + + + + + + Document + + + +

我的图床图片展示

+ ![20240915003622](sjt78aar6.hn-bkt.clouddn.com/20240915003622.png) + + \ No newline at end of file diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20230913\347\254\224\350\256\260.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20230913\347\254\224\350\256\260.md" new file mode 100644 index 0000000..a067dab --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20230913\347\254\224\350\256\260.md" @@ -0,0 +1,51 @@ +# 24/09/13笔记 +## HTML字体标签和超链接 +### 字体标签： +#### 特殊字符（转义字符） +1.   ; :空格 +2. < ; :小于号 +3. & gt ;:大于号 +4. & ；符号& +5. " ;:双引号 +6. &apos ; :单引号 +### 下划线，中划线 ，斜体 +<u>:下划线 +<del>:中划线（删除线） +<i>：斜体 +### 上标 <sup> 下标：<sub> +上标：02 下标：53 + +### 超链接 + +1. 外部连接：链接到外部文件 +列如：< a href="02页面。html">点击进入另一个文件s + +2. 锚链接：给超链接起一个名字，作用是在本页面或者其他页面的的不同位置进行跳转。 +列如：顶部 +< pre> +< /pre> +< a href="#name1">回到顶部 +#### 超链接的属性 +1. href：目标URL +1. title：悬停文本。注意***************************列如：< a href="02页面。html" title="你真好看">文字 +1. name：主要用于设置一个锚点的名称。 +1. target：告诉浏览器用什么方式来打开目标页面。 + +## img图片标签 +#### 能插入的图片类型 +能够插入的图片类型是：jpg(jpeg)、gif、png、bmp等 +### img标签的src属性 +图片的路径时，有两种写法：相对路径、绝对路径 +img标签的其他属性： +1. width：图像的宽度。 +1. height：图像的高度。 + + +************title：提示性文本。鼠标悬停时出现的文本。 +列如： +align 属性 +图片的align属性：图片和周围文字的相对位置。 + + +![20240915002416](sjt78aar6.hn-bkt.clouddn.com/20240915002416.png) +![20240915002529](sjt78aar6.hn-bkt.clouddn.com/20240915002529.png) \ No newline at end of file diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240914\347\254\224\350\256\260.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240914\347\254\224\350\256\260.md" new file mode 100644 index 0000000..b66c918 --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240914\347\254\224\350\256\260.md" @@ -0,0 +1,39 @@ +# 2024/09/14笔记 +### 列表标签 +1. 无序列表：ul +无序列表中还能添加无序列表 +2. 有序列表：ol + +#### 标签去掉序号：list-style-type:none +#### padding用法： +Padding属性可以有1到4个值，分别对应上、右、下、左四个方向的内边距。 +#### padding和margin的区别 +padding：定义元素边框与元素内容之间的空间 +margin：定义元素和其他元素之间的外部空间 +### 定义列表：dl +< dl> +< dt> +< dd> +### 表格标签 +< table> + < tr> + < th> + < th> + < th> + < th> + + < tr> + < th> + < th> + < th> + < th> + + < /table> + +#### border：1px soild black; +边框 +soild:实线 dash:虚线 +border-collapse: collapse;：确保表格的边框没有空隙 +text-algin:center 文本居中 + + -- Gitee From 974ced4a9960bd70fc1804d082897a164139b0db Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Wed, 18 Sep 2024 22:24:00 +0800 Subject: [PATCH 05/12] =?UTF-8?q?20240918-=E8=A1=A8=E5=8D=95=E7=AC=94?= =?UTF-8?q?=E8=AE=B0+=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20240918-\350\241\250\345\215\225.md" | 111 ++++++++++++++++++ 1 file changed, 111 insertions(+) create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20240918-\350\241\250\345\215\225.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240918-\350\241\250\345\215\225.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240918-\350\241\250\345\215\225.md" new file mode 100644 index 0000000..d984fb0 --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240918-\350\241\250\345\215\225.md" @@ -0,0 +1,111 @@ +# 20240918笔记 +### 表单:form + ``` + + + +
+1. input :文本框 +2. placeholser:提示内容 +3. radio :单选框 +4. checkbox :复选框 （都要写name） +5. select：下拉框 +6. textarea:多文本 +7. file ：文件 +8. date :日期 +9. color：颜色 +10. email：邮箱 +11. hidden：隐藏 +12. month：月份 +13. number：数值增加减 +14. range：拉度线条 +15. reset：重置 +16. submit：提交 +17.button：按钮 +border: 3px dashed gray; dashed:虚线 + +### 作业 +``` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
星期一星期二星期三星期四星期五星期六星期天
语文数学英语专业思政专业思政
数学专业体育英语思政体育思政
+
+
+ + + + +
+ ``` + \ No newline at end of file -- Gitee From e13073443acee1e2b5fca88324bf50ee9ac1796f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Sun, 22 Sep 2024 15:24:45 +0800 Subject: [PATCH 06/12] =?UTF-8?q?20240920=E7=AC=94=E8=AE=B0+=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...346\216\245and\345\233\276\345\272\212.md" | 0 .../20240904-md\346\225\231\347\250\213.md" | 0 .../20240909-html\344\273\213\347\273\215.md" | 0 ...1-\346\265\217\350\247\210\345\231\250.md" | 0 ...50\346\240\274\346\240\207\347\255\276.md" | 0 ...347\201\257and\347\231\276\345\272\246.md" | 270 ++++++++++++++++++ 6 files changed, 270 insertions(+) rename "\350\222\213\347\276\244/\347\254\224\350\256\260/20230913\347\254\224\350\256\260.md" => "\350\222\213\347\276\244/\347\254\224\350\256\260/20230913-\345\255\227\344\275\223and\350\266\205\351\223\276\346\216\245and\345\233\276\345\272\212.md" (100%) rename "\350\222\213\347\276\244/\347\254\224\350\256\260/904.md" => "\350\222\213\347\276\244/\347\254\224\350\256\260/20240904-md\346\225\231\347\250\213.md" (100%) rename "\350\222\213\347\276\244/\347\254\224\350\256\260/20240909\347\254\224\350\256\260.md" => "\350\222\213\347\276\244/\347\254\224\350\256\260/20240909-html\344\273\213\347\273\215.md" (100%) rename "\350\222\213\347\276\244/\347\254\224\350\256\260/240911\347\254\224\350\256\260.md" => "\350\222\213\347\276\244/\347\254\224\350\256\260/20240911-\346\265\217\350\247\210\345\231\250.md" (100%) rename "\350\222\213\347\276\244/\347\254\224\350\256\260/20240914\347\254\224\350\256\260.md" => "\350\222\213\347\276\244/\347\254\224\350\256\260/20240914-\345\210\227\350\241\250and\350\241\250\346\240\274\346\240\207\347\255\276.md" (100%) create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20240920-\347\231\273\345\205\245\351\241\265\351\235\242andCSS\350\267\221\351\251\254\347\201\257and\347\231\276\345\272\246.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20230913\347\254\224\350\256\260.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20230913-\345\255\227\344\275\223and\350\266\205\351\223\276\346\216\245and\345\233\276\345\272\212.md" similarity index 100% rename from "\350\222\213\347\276\244/\347\254\224\350\256\260/20230913\347\254\224\350\256\260.md" rename to "\350\222\213\347\276\244/\347\254\224\350\256\260/20230913-\345\255\227\344\275\223and\350\266\205\351\223\276\346\216\245and\345\233\276\345\272\212.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/904.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240904-md\346\225\231\347\250\213.md" similarity index 100% rename from "\350\222\213\347\276\244/\347\254\224\350\256\260/904.md" rename to "\350\222\213\347\276\244/\347\254\224\350\256\260/20240904-md\346\225\231\347\250\213.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240909\347\254\224\350\256\260.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240909-html\344\273\213\347\273\215.md" similarity index 100% rename from "\350\222\213\347\276\244/\347\254\224\350\256\260/20240909\347\254\224\350\256\260.md" rename to "\350\222\213\347\276\244/\347\254\224\350\256\260/20240909-html\344\273\213\347\273\215.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/240911\347\254\224\350\256\260.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240911-\346\265\217\350\247\210\345\231\250.md" similarity index 100% rename from "\350\222\213\347\276\244/\347\254\224\350\256\260/240911\347\254\224\350\256\260.md" rename to "\350\222\213\347\276\244/\347\254\224\350\256\260/20240911-\346\265\217\350\247\210\345\231\250.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240914\347\254\224\350\256\260.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240914-\345\210\227\350\241\250and\350\241\250\346\240\274\346\240\207\347\255\276.md" similarity index 100% rename from "\350\222\213\347\276\244/\347\254\224\350\256\260/20240914\347\254\224\350\256\260.md" rename to "\350\222\213\347\276\244/\347\254\224\350\256\260/20240914-\345\210\227\350\241\250and\350\241\250\346\240\274\346\240\207\347\255\276.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240920-\347\231\273\345\205\245\351\241\265\351\235\242andCSS\350\267\221\351\251\254\347\201\257and\347\231\276\345\272\246.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240920-\347\231\273\345\205\245\351\241\265\351\235\242andCSS\350\267\221\351\251\254\347\201\257and\347\231\276\345\272\246.md" new file mode 100644 index 0000000..09685b7 --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240920-\347\231\273\345\205\245\351\241\265\351\235\242andCSS\350\267\221\351\251\254\347\201\257and\347\231\276\345\272\246.md" @@ -0,0 +1,270 @@ +# H5中新增语义标签 +section:表示区块 + +article：表示文章 + +header：表示页眉 + +footer：表示页脚 + +nav： 表示导航 + +aside：表示侧边栏 + +figure：表示媒介内容分组 + +mark：表示标记 (用得少) + +progress：表示进度 (用得少) + +time：表示日期 +### H5中的表单 +email 只能输入email格式。自动带有验证功能。 + +tel 手机号码。 + +url 只能输入url格式。 + +number 只能输入数字。 + +search 搜索框 + +range 滑动条 + +color 拾色器 + +time 时间 + +date 日期 + +datetime 时间日期 + +month 月份 + +week 星期 +### 表单元素（标签） +1. datalist 数据列表： +``` + + + + +``` +2. meter元素：度量器 + +low：低于该值后警告 + +high：高于该值后警告 + +value：当前值 + +max：最大值 + +min：最小值 +### 表单属性 +1. placeholder：占位符（提示文字） +autofocus :自动获取焦点 +multiple 文件上传多选或多个邮箱地址 + +autocomplete 自动完成（填充的）。on 开启（默认），off 取消。用于表单元素，也可用于表单自身(on/off) + +form 指定表单项属于哪个form，处理复杂表单时会需要 + +novalidate 关闭默认的验证功能（只能加给form） + +required 表示必填项 + +pattern 自定义正则，验证表单 + +## 多媒体 + +### 音频 +audio标签 +HTML5通过audio标签来解决音频播放的问题。 +autoplay 自动播放。写成autoplay 或者 autoplay = ""，都可以。 + +controls 控制条。（建议把这个选项写上，不然都看不到控件在哪里） + +loop 循环播放。 + +preload 预加载 同时设置 autoplay 时，此属性将失效 + +例如：``` + + + +### 视频 +video标签 +autoplay 自动播放。写成autoplay 或者 autoplay = ""，都可以。 + +controls 控制条。（建议把这个选项写上，不然都看不到控件在哪里） + +loop 循环播放。 + +preload 预加载 同时设置 autoplay 时，此属性将失效。 + +width：设置播放窗口宽度。 + +height：设置播放窗口的高度。 +### 登入页面效果图展示 +![20240922145746](sjt78aar6.hn-bkt.clouddn.com/20240922145746.png) +### 核心代码： +```HTML + + + +
+
+
Login
+
+ + +
+ +
+
Don't have account? + Sign up +
+
+ + +``` +### css跑马灯效果图 +![GIF 2024-9-22 15-08-56](sjt78aar6.hn-bkt.clouddn.com/GIF 2024-9-22 15-08-56.gif) +### 核心代码： +```html + + + +
+
css跑马灯css跑马灯css跑马灯css跑马灯css跑马灯css跑马灯css跑马灯css跑马灯
+
+ + + +``` + + + + +### 百度新闻效果图 + +![20240922151614](sjt78aar6.hn-bkt.clouddn.com/20240922151614.png) +代码： +```html + + + +
+

百度新闻热榜

+ +
+ + + + -- Gitee From 9c1f3d40d072bbbaca8c1f6ee2de52094c308d6e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Mon, 23 Sep 2024 17:42:37 +0800 Subject: [PATCH 07/12] =?UTF-8?q?20240923=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...\213\275andcss\345\237\272\347\241\200.md" | 106 ++++++++++++++++++ 1 file changed, 106 insertions(+) create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20240923-\346\213\226\346\213\275andcss\345\237\272\347\241\200.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240923-\346\213\226\346\213\275andcss\345\237\272\347\241\200.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240923-\346\213\226\346\213\275andcss\345\237\272\347\241\200.md" new file mode 100644 index 0000000..ea219e3 --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240923-\346\213\226\346\213\275andcss\345\237\272\347\241\200.md" @@ -0,0 +1,106 @@ +## 1.拖拽元素 +draggable="ture" 属性的元素 +## 拖拽元素的事件监听（应用于拖拽元素） +`ondragstart`:当拖拽开始时调用 +`ondragleave`:当鼠标离开拖拽元素时调用 +`ondragend`:当拖拽结束时调用 +`ondrag`:整个拖拽过程都会使用 + +相关代码展示： +`html + +### 2、目标元素 +**目标元素的事件监听**：（应用于目标元素） + +- `ondragenter` 当拖拽元素进入时调用 + +- `ondragover` 当拖拽元素停留在目标元素上时，就会连续一直触发（不管拖拽元素此时是移动还是不动的状态） + +- `ondrop` 当在目标元素上松开鼠标时调用 + +- `ondragleave` 当鼠标离开目标元素时调用 + +### 获取地理信息的方式 +1. IP地址 +2.三维坐标 +3.用户自定义 + +### 全屏 +方法如下：（注意 screen 是小写） + +```javascript + requestFullscreen() //让元素开启全屏显示 + + cancleFullscreen() //让元素关闭全屏显示 + ``` + + + +### css基础 +1. css属性：字体属性和文本属性 +## 文本重要内容 + - CSS的单位 + - 字体属性 + - 文本属性 + - 定位属性：position、float、overflow等 + ## css的单位 + ### 1.绝对单位 + 各种单位的含义： + +- `in`：英寸Inches (1 英寸 = 2.54 厘米) +- `cm`：厘米Centimeters +- `mm`：毫米Millimeters +- `pt`：点Points，或者叫英镑 (1点 = 1/72英寸) +- `pc`：皮卡Picas (1 皮卡 = 12 点) +### 2.相对单位 +`px`：像素 +`em`：印刷单位相当于12个点 +`%`：百分比，相对周围的文字的大小 +### font字体属性 +```css +p{ + font-size: 50px; /*字体大小*/ + line-height: 30px; /*行高*/ + font-family: 幼圆,黑体; /*字体类型：如果没有幼圆就显示黑体，没有黑体就显示默认*/ + font-style: italic ; /*italic表示斜体，normal表示不倾斜*/ + font-weight: bold; /*粗体*/ + font-variant: small-caps; /*小写变大写*/ +} +``` +### 行高 +css中都有行高，盒子模型的padding，是作用在行上面的 +** 行高，字号，一般都是偶数 +### 如何让单行文本垂直居中 +设置**行高=盒子高**（只适于单行文本居中） +### `vertical-align: middle;` 属性 +可用于指定**行内元素（inline）,行内块元素（inline-block）,**表格的单元格**（table-cell）的垂直对齐方式。 +代码举例： +```css +vertical-align: middle; /*指定行级元素的垂直对齐方式。*/ +``` + -- Gitee From f3083318f63cc543a455fb7149b3f11e5835440c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Thu, 26 Sep 2024 17:57:10 +0800 Subject: [PATCH 08/12] =?UTF-8?q?20240925=E4=BD=9C=E4=B8=9A+=E7=AC=94?= =?UTF-8?q?=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...07\346\234\254\345\261\236\346\200\247.md" | 112 ++++++++++++++++++ 1 file changed, 112 insertions(+) create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20240925-css\345\255\227\344\275\223\345\261\236\346\200\247\345\222\214\346\226\207\346\234\254\345\261\236\346\200\247.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240925-css\345\255\227\344\275\223\345\261\236\346\200\247\345\222\214\346\226\207\346\234\254\345\261\236\346\200\247.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240925-css\345\255\227\344\275\223\345\261\236\346\200\247\345\222\214\346\226\207\346\234\254\345\261\236\346\200\247.md" new file mode 100644 index 0000000..751025a --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240925-css\345\255\227\344\275\223\345\261\236\346\200\247\345\222\214\346\226\207\346\234\254\345\261\236\346\200\247.md" @@ -0,0 +1,112 @@ + +## 字号、行高、字体三大属性 +1. 字号：font-size: +2.行高：line-height: +3.字体：font-family: +### 字体加粗 +font-weight:normal ;//正常 +font-weight:bold;//加粗 +## 文本属性 +- `letter-spacing: 0.5cm ;` 单个字母之间的间距 +- `word-spacing: 1cm;` 单词之间的间距 +- `text-decoration: none;` 字体修饰：none 去掉下划线、**underline 下划线**、line-through 中划线、overline 上划线 +- `color:red;` 字体颜色 +- `text-align: center;` 在当前容器中的对齐方式。属性值可以是：left、right、center（**在当前容器的中间**）、justify +- `text-transform: lowercase;` 单词的字体大小写。属性值可以是：`uppercase`（单词大写）、`lowercase`（单词小写）、`capitalize`（每个单词的首字母大写） + + +### css文本属性 +1. color：设置文本颜色 +2. dierection:设置文本方向 +3.letter-spacing:增加或减少字符间距 +4.text-align:排列元素中的文本 +5.text-decoration：向文本添加修饰 +6.text-indent:缩进元素中文本的首行 +7.text-transfor:控制元素中的字母 +8.white-space：设置元素中空白的处理方式 +9.word-spacing:增加或减少字间距 +## 列表属性：list-style +作用：将多个属性写在一个声明中 +## list +list-style:用于将所有列表的属性设置于一个声明中 +list-style-image:将图像设置为列表项标记 +list-style-postion:设置列表项被放置的位置 +list-style-type：设置列表标记的类型 + + +十二、文本样式综合设计效果图： + +核心代码： +```html + + + + +

这是一段很厉害的样式文本sssss！！！

+ + + +十三、文本排版设计效果图： + + + +核心代码： +```html + + + +
+

qqq这是文章的第一段

+

zzz这是文章的第二段

+
+ + + +十四、文本对齐和装饰效果图： +核心代码： +```html + + + +
+

相思

+ 作者：唐·王维 +

a红豆生南国，b春来发几枝。

+

c愿君多采撷，d此物最相思。

+
+ + -- Gitee From f4483ea0e34ed9b40960470cfb6248f319dd65bf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Mon, 30 Sep 2024 00:27:31 +0800 Subject: [PATCH 09/12] =?UTF-8?q?20240929=E7=AC=94=E8=AE=B0+=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...346\231\257\345\261\236\346\200\2471-1.md" | 297 ++++++++++++++++++ 1 file changed, 297 insertions(+) create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20240929-\350\203\214\346\231\257\345\261\236\346\200\2471-1.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240929-\350\203\214\346\231\257\345\261\236\346\200\2471-1.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240929-\350\203\214\346\231\257\345\261\236\346\200\2471-1.md" new file mode 100644 index 0000000..c510cfc --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240929-\350\203\214\346\231\257\345\261\236\346\200\2471-1.md" @@ -0,0 +1,297 @@ +## overflow属性：超出范围的内容要怎么处理 +1. visible:默认值。多余的内容不剪切也不添加滚动条，会全部显示出来。 + +hidden：不显示超过对象尺寸的内容。 + +auto：如果内容超出，则不显示滚动条。内容超出，则显示滚动条 + +scroll :无论书否超出，总显示滚动条 +## 鼠标的属性：cursor +1. auto：默认值：浏览器根据当前的情况自动确定鼠标光标类型。 + - `pointer`：IE6.0，竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。 + - `hand`：和`pointer`的作用一样：竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。 + hover：悬浮效果 + ## 滤镜： filter + `` + +## +### 背景属性：background +## 常见的一些背景属性： +1. background-color：#ff99ff；设置元素的背景颜色 +2. background-image：url(img.gif):将图片设置为背景 +3. background-repeat:no-repeat:设置背景图片是否重复，如何重复，默认平铺（重要） + 1. no-repeat不要平铺 + 2. repeat-x横向平铺 + 3. repeat-y纵向平铺 +4. background-position：center top ：将图片背景图片在当前容器中的位置 +5. background-attachment：scroll:设置背景图片是否跟着滚动条一起滚动 +`scroll`（与fixed属性相反，默认属性）、`fixed`（背景就会被固定住，不会被滚动条滚走）。 +6. 综合属性：background +通常是在css中运用：background-orign +background-clip 背景裁切 +background-size：调整尺寸 +### background-color：背景颜色的表示方法 +颜色的表示方法有三种：单词、rgb表示法、十六进制表示法。 +1. 用英语单词表示 +比如red、green、blue、orange、gray等 +2. RGB 表示法 +`background-color: rgb(255,0,0)` +3. RGBA 表示法 +` background-color: rgba(0, 0, 255, 0.3)` +4. 十六进制表示法 +`background-color: #ff0000` +5. HSLA 表示法 +`background-color: hsla(240,50%,50%,0.4` +- `H` 色调，取值范围 0~360。0或360表示红色、120表示绿色、240表示蓝色。 + +- `S` 饱和度，取值范围 0%~100%。值越大，越鲜艳。 + +- `L` 亮度，取值范围 0%~100%。亮度最大时为白色，最小时为黑色。 + +- `A` 透明度，取值范围 0~1 +### 设置透明度的其他方式 +opacity: 0.3;` 会将整个盒子及子盒子设置透明度。 +`background: transparent;` 可以单独设置透明度，但设置的是完全透明（不可调节透明度）。 +### background-repeat属性 +background-repeat：no-repeat：设置背景是否重复及如何重复，默认平铺满 + 1. no-repeat不要平铺 + 2. repeat-x横向平铺 + 3. repeat-y纵向平铺 + ### background-position属性 + background-position属性指的是背景定位属性 + 1. 用像素值描述属性值： + background-position：像右偏移量 向下偏移量 + 属性值可以是正数，也可以是负数：100培训200培训，-34px -123px + 2. 用单词描述与属性值 + `background-position: 描述左右的词 描述上下的词;` + 1. 描述左右的词：left、center、right + 2. 描述上下的词：top 、center、bottom + right center 表示将图片放在右边的中间；center center表示将图片放在正中间 + bottom 表示将图片的底部和父亲底部贴齐 + +通栏banner + +### background-attachment属性 +background-attachment：scroll：设置背景图片是否固定。属性值可以是： + 1. fixed：背景图就会被固定住，不会被滚动条滚走 + 2. scroll：与fixed属性相反，默认属性。 + + 1.背景颜色效果图： + ![20240929214614](sjt78aar6.hn-bkt.clouddn.com/20240929214614.png) + + +背景图片效果图： + ![20240929214737](sjt78aar6.hn-bkt.clouddn.com/20240929214737.png) + + +尺寸效果图： + ![20240929214837](sjt78aar6.hn-bkt.clouddn.com/20240929214837.png) + + 背景位置（右下角）效果图： + + ![20240929214919](sjt78aar6.hn-bkt.clouddn.com/20240929214919.png) + + 背景重复并确保图片在垂直方向上重复效果图： +![20240929215050](sjt78aar6.hn-bkt.clouddn.com/20240929215050.png) + +核心代码： +```html + + + + +
+ + +
+ +
+ + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + +``` +进阶练习 +多重背景：第一个图片覆盖在第二个图片之上。 效果图： +![20240930001136](sjt78aar6.hn-bkt.clouddn.com/20240930001136.png) + 背景渐变：从左到右的线性渐变背景，颜色从蓝色到红色 效果图： + ![20240930001340](sjt78aar6.hn-bkt.clouddn.com/20240930001340.png) + 背景裁剪：确保图片只显示在元素的中心区域。效果图： + ![20240930001432](sjt78aar6.hn-bkt.clouddn.com/20240930001432.png) + 背景缩放：确保图片能够根据元素大小自动缩放。效果图： + ![20240930001815](sjt78aar6.hn-bkt.clouddn.com/20240930001815.png) + 背景附加属性：保图片在页面滚动时固定在底部。 效果图： + ![20240930001919](sjt78aar6.hn-bkt.clouddn.com/20240930001919.png) + 核心代码： + ```html + + + + + + +
+ +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + + + + + + + + + + + -- Gitee From 8d43afca80f40431d44e9721bec29e188b20c0c2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Wed, 2 Oct 2024 00:05:18 +0800 Subject: [PATCH 10/12] =?UTF-8?q?20240990=E4=BD=9C=E4=B8=9A+=E7=AC=94?= =?UTF-8?q?=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...346\231\257\345\261\236\346\200\2471-2.md" | 134 ++++++++++++++++++ 1 file changed, 134 insertions(+) create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20240930-\350\203\214\346\231\257\345\261\236\346\200\2471-2.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20240930-\350\203\214\346\231\257\345\261\236\346\200\2471-2.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240930-\350\203\214\346\231\257\345\261\236\346\200\2471-2.md" new file mode 100644 index 0000000..c6502d6 --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20240930-\350\203\214\346\231\257\345\261\236\346\200\2471-2.md" @@ -0,0 +1,134 @@ +## background-attachment属性 +设置背景图片是否固定。属性值可以是： +1.fixed（背景图会被固定住，不会被滚动条滚走） +2. scroll（与fixed属性相反，默认属性值） +## background综合属性 +小属性可以覆盖大属性 + +## background-size属性：背景尺寸 +1. 宽高的具体数值：background-size：50px 50px; +2. 宽高的百分比（相当于容器的大小）background-size：50% 50%; +3. cover：图片始终充满容器，且保证长宽比不变，图片有超出的部分，超出部分则会被隐藏 +4. contain：将图片完整的显示在容器中。保持长宽高比不变 +### 背景原点：background-origin属性 +1. 从padding-box 内边距开始显示背景图：background-origin：padding-box +2. 从border-box边框开始显示背景图：background-orgin：boder-box +3. 从content-box内容区开始显示背景图 ：background-content-box +### background-clip属性：设置元素的背景（颜色）是否延伸到边框下面 +`background-clip: content-box;` 超出的部分，将裁剪掉。属性值可以是： + + - `border-box` 超出 border-box 的部分，将裁剪掉 + + - `padding-box` 超出 padding-box 的部分，将裁剪掉 + + - `content-box` 超出 content-box 的部分，将裁剪掉 + + ### 设置多个背景 + background：url(./....),url(./....),url(./....),url(./....);盒子加多个背景，按照背景语法格式书写，多个背景使用逗号隔开 + + ## 渐变：background=image + - 线性渐变：沿着某条直线朝一个方向产生渐变效果。：linear-gradient + +- 径向渐变：从一个**中心点**开始沿着**四周**产生渐变效果。：radial-gradient + +- 重复渐变。：linar-repeating-gradient + +### 线性渐变 +background-image：linear-gradient（方向，起始颜色，终止颜色） +`background-image: linear-gradient(to right, yellow, green);` + +方向可以是：to left ,to right,to top ,to bottom ，角度30deg(顺时针方向30度) + + +颜色渐变，字体效果图： +![20241001235320](sjt78aar6.hn-bkt.clouddn.com/20241001235320.png) +核心代码 +： +```html + + + +
+ +
+
+ +
祝中华人民共和国生日快乐！！
+ + +滚动视差效果效果图： +![GIF 2024-10-2 0-02-43](sjt78aar6.hn-bkt.clouddn.com/GIF 2024-10-2 0-02-43.gif) +核心代码： +```html + + + +
头部
+
+
内容
+
+
底部
+
+ \ No newline at end of file -- Gitee From e65aa12cd387ed5070ff8f338ec9de537e685cd6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Thu, 10 Oct 2024 20:20:49 +0800 Subject: [PATCH 11/12] =?UTF-8?q?20241009=E7=AC=94=E8=AE=B0+=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...345\217\230+cs\346\240\267\345\274\217.md" | 181 ++++++++++++++++++ 1 file changed, 181 insertions(+) create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20241009-\345\276\204\345\220\221\346\270\220\345\217\230+cs\346\240\267\345\274\217.md" diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20241009-\345\276\204\345\220\221\346\270\220\345\217\230+cs\346\240\267\345\274\217.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20241009-\345\276\204\345\220\221\346\270\220\345\217\230+cs\346\240\267\345\274\217.md" new file mode 100644 index 0000000..f2f993f --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20241009-\345\276\204\345\220\221\346\270\220\345\217\230+cs\346\240\267\345\274\217.md" @@ -0,0 +1,181 @@ +### 径向渐变 +格式： background-image：radial-gradient(辐射的半径大小，中心的位置，起始颜色，终止颜色)； + + background-image：radial-gradient(100px at center ,yellow,green); + + 解释：围绕中心点做渐变，半径是150px，从黄色到绿色做渐变。 + + ### clip-path：裁剪出元素的部分区域做展示 + 创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。 + + + + ### CSS css优点 + 1. 使数据和显示分开 + 2. 减低网络流量 + 3. 使整个网站视觉效果一致 + 4. 提高开发效率 + + + ## ### CSS 的重点知识点 + +盒子模型、浮动、定位 + + +### CSS语法 + +语法格式：选择器{属性名：属性值；属性名：属性值；} +或者可以写成： + +选择器{ + + k:v； + + k:v； + + k:v； + + k:v； + +} +- 选择器代表页面上的某类元素，选择器后一定是大括号。 +- 属性名后必须用冒号隔开，属性值后用分号（最后一个属性可以不用分号，但最好还是加上分号）。 +- 冒号和属性值之间可以留一个空格（编程习惯的经验）。 +- 如果一个属性有多个值的话，那么多个值用**空格**隔开。 + +### css代码的注释 +`/* */`这种注释 + +注释要写在` + + ### 2、交集选择器：定义的时候紧密相连 +定义交集选择器的时候，两个选择器之间紧密相连。一般是以标签名开头 +![](http://img.smyhvae.com/20170711_1851.png) +### 3、并集选择器：定义的时候用逗号隔开 + +例如： +`p,h1,.title1,#one { + color: red; +}`html + + +小方格子效果图： +![20241010201626](sjt78aar6.hn-bkt.clouddn.com/20241010201626.png) +代码： +` + + + +
+ + + +`html -- Gitee From f3b67405174cb3d711af133fc1420e37ca0c5205 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=92=8B=E7=BE=A4?= Date: Fri, 11 Oct 2024 21:56:13 +0800 Subject: [PATCH 12/12] =?UTF-8?q?20241011=E7=AC=94=E8=AE=B0+=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...01\347\250\213\346\216\214\346\217\241.md" | 105 -------- "\350\200\201\350\203\241/imgs/img01.jpg" | Bin 24479 -> 0 bytes ...1\345\231\250+\344\274\252\347\261\273.md" | 229 ++++++++++++++++++ 3 files changed, 229 insertions(+), 105 deletions(-) delete mode 100644 "\350\200\201\350\203\241/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" delete mode 100644 "\350\200\201\350\203\241/imgs/img01.jpg" create mode 100644 "\350\222\213\347\276\244/\347\254\224\350\256\260/20241011-\351\200\211\346\213\251\345\231\250+\344\274\252\347\261\273.md" diff --git "a/\350\200\201\350\203\241/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" "b/\350\200\201\350\203\241/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" deleted file mode 100644 index 90824d6..0000000 --- "a/\350\200\201\350\203\241/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" +++ /dev/null @@ -1,105 +0,0 @@ -# 今天天气很好，40多度，老胡很帅呆 - -## 今天讲了git的流程，特画图如下，快夸我 - -![你看你那什么破图！^=^|||](./imgs/img011.jpg) - - 我是没有感情的文字 - -我是百度 - -[我也是百度](http://baidu.com) - -

一级标题

-

二级标题

- -# 一级标题 - -## 二级标题 - -斜体 - -*斜体* - -**粗体** - -***粗斜体*** - -> 我是一段引用 - - -比如我这里需要使用一个`dom`标签，这个`dom`标签是指`font` - -如下代码可以说明若干问题： - -```js -console.log('我是女生，爱哭的女生') - -``` - -有序列表 - -1. 列表 - 1. 还是列表 - A. 总是列表 - 2. 还是列表 - 3. 还是列表 - 4. 还是列表 -2. 列表 -3. 列表 - - -18) 第一项 -2) 第二项 -3) 第三项 - -i. 第一项 -ii. 第二项 -iii. 第三项 - -a. 第一项 -b. 第二项 -c. 第三项 - -无序列表 - -我是新增行 - -+ 无序列表 - + 我还是 - + 总是 - + 天天向上 - + 总是 - + 总是 - + 总是 - + 我还是 - + 我还是 - + 我还是 - + 我还是 -+ 无序列表 - - gd gd - - 悠悠岁月 - - 悠悠岁月 - - 悠悠岁月 - - 悠悠岁月 - - gd gd - - gd gd - - gd gd - - gd gd -+ 无序列表 -+ 无序列表 - * 星星眨眼 - * 这个天 - * 这个天 - * 这个天 - * 星星眨眼 - * 星星眨眼 - * 星星眨眼 -+ 无序列表 - - -| 左对齐 | 居中 | 右对齐 | -| :- | :-: | -: | -| 单元格1 | 单元格2 | 单元格3 | -| 单元格4 | 单元格5 | 单元格6 | - diff --git "a/\350\200\201\350\203\241/imgs/img01.jpg" "b/\350\200\201\350\203\241/imgs/img01.jpg" deleted file mode 100644 index 9a379cf5f0681088cca4da476e10125b29ad16e5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 24479 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 diff --git "a/\350\222\213\347\276\244/\347\254\224\350\256\260/20241011-\351\200\211\346\213\251\345\231\250+\344\274\252\347\261\273.md" "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20241011-\351\200\211\346\213\251\345\231\250+\344\274\252\347\261\273.md" new file mode 100644 index 0000000..972681b --- /dev/null +++ "b/\350\222\213\347\276\244/\347\254\224\350\256\260/20241011-\351\200\211\346\213\251\345\231\250+\344\274\252\347\261\273.md" @@ -0,0 +1,229 @@ +### 选择器 +### 1.子代选择器，用符号>表示 +列如：div > p{ + color:red; +} +div的儿子p + + + +### 2.序选择器 +1. first-child +意思是：选中同级别标签中的第一个标签。 +元素中第一个数：first-child + +2. last-child +选中级别中最后一个标签。 +元素中最后一个数：last-child + +### 3.下一个兄弟选择器 ++ 表示下一个兄弟选择器 + +`

我是一个标题

+

我是一个段落

+

我是一个段落

+

我是一个段落

， +

我是一个标题

+

我是一个段落

+

我是一个段落

+

我是一个段落

+

我是一个标题

+

我是一个段落

+

我是一个段落

+

我是一个段落

+

我是一个标题

`html + + +效果如下： +h3标签和p标签 第一个紧挨着的第一个 +http://img.smyhvae.com/20170711_1950.png + +## 伪类（伪类选择器） +伪类：同一个标签，根据其不同的种状态，有不同的形式。 + +伪类用冒号：来表示 + +### 静态伪类选择器、动态伪类选择器 +（1）静态伪类：只用于超链接的形式： +1. ：link 超链接点击之前 +2. ：visited 链接被访问过之后 +ps: 以上的两种形式，只能用于超链接 +（2）动态伪类：针对所有标签 +1. ：hover"悬停"：鼠标放在标签的时候 +2. ：active"激活"：鼠标点击标签，不松手的时 +3. ：focus：是某个标签获得焦点的样式（比如某个输入框的焦点） + +### 超链接a标签 +- `:link` “链接”：超链接点击之前 +- `:visited` “访问过的”：链接被访问过之后 +- `:hover` “悬停”：鼠标放到标签上的时候 +- `:active` “激活”： 鼠标点击标签，但是不松手时。 + + +注意******：这四种状态必须按固定的顺序写 +a:link,a:visited,a:hover,a:active +如果不按顺序，就会失效 +### 超链接的美化 +#### a{}`和`a:link{}`的区别： + - `a{}`定义的样式针对所有的超链接(包括锚点) + - `a:link{}`定义的样式针对所有写了href属性的超链接(不包括锚点) + ### 动态伪类举例 + - `:hover` “悬停”：鼠标放到标签上的时候 +- `:active` “激活”： 鼠标点击标签，但是不松手时。 +- `:focus` 是某个标签获得焦点时的样式（比如某个输入框获得焦点） +` + +` + + +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + + + +
+ +
+ + + + + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + +
+ +
+ + + + + + + + + +
+ +`html \ No newline at end of file -- Gitee