newly file git commit tag:css and time:2022 - 09 - 02

cubxxw · Sep 2, 2022 · b9bee57 · b9bee57
1 parent 2a0ec97
commit b9bee57
Show file tree

Hide file tree

Showing 61 changed files with 1,240 additions and 14 deletions.
diff --git a/HTML/README.md b/HTML/README.md
@@ -16,6 +16,7 @@
 + [HTML常用元素](markdown/HTML常用元素.md)
 + [HTML基础](markdown/基础)
 
+
  1. [第1节 开发工具和配置](markdown/1.md)
 
  2. [第2节 HTML一遍过](markdown/2.md)
@@ -120,8 +121,6 @@
 
 
 
-
-
 ## 参与贡献
 
 **要求：**

diff --git a/HTML/code/html/2.css b/HTML/code/html/2.css
@@ -0,0 +1,6 @@
+h1{
+ color: violet;
+}
+h2{
+ color: aqua;
+}
diff --git a/HTML/code/html/2.html b/HTML/code/html/2.html
@@ -0,0 +1,41 @@
+<!--
+ * @Author: xiongxinwei [email protected]
+ * @Date: 2022-09-01 13:27:23
+ * @LastEditors: xiongxinwei [email protected]
+ * @LastEditTime: 2022-09-02 12:05:03
+ * @FilePath: \code\html\2.html
+ * @Description: CSS
+ * 
+ * 
+-->
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewpport" content="width=device-width,initial-sacle=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>1.html</title>
+ <!-- <style>
+ h1{
+ color: violet;
+ }
+ h{
+ color: aqua;
+ }
+ </style> -->
+ <!-- 方法一：推荐使用 -->
+ <!-- <link rel="stylesheet" type="text/css" href="./css/2.css"> -->
+
+ <!-- 方法二：不推荐 -->
+ <style>
+ @import url(./css/2.css);
+ </style>
+</head>
+<body>
+<h1>h1样式</h1>
+<h2>h2样式</h2>
+<h3 style="color: red;">h3行内样式</h3>
+</body>
+
+</html>
diff --git a/HTML/code/html/css/2.css b/HTML/code/html/css/2.css
@@ -0,0 +1,6 @@
+h1{
+ color: violet;
+}
+h2{
+ color: aqua;
+}
diff --git a/HTML/markdown/2.md b/HTML/markdown/2.md
@@ -195,8 +195,12 @@
 <a href="https://nsddd.top" title="我的博客" alt="我的博客"><li>我的博客<li></a>
 ```
 
+
+
 <a href="https://nsddd.top" title="我的博客" alt="我的博客"><li>我的博客<li></a>
 
+
+
 ### target属性
 
 target属性:规定在何处打开文档
@@ -248,7 +252,7 @@ target属性:规定在何处打开文档
   <td>4</td>
  </tr>
 </table>
-
+---
 
 
 ### 快捷创建
@@ -302,7 +306,7 @@ table>tr*4>td*3 有4行3列
 
 
 
-
+----
 
 
 ### tr属性
@@ -333,8 +337,6 @@ table>tr*4>td*3 有4行3列
 </table>
 ```
 
-
-
 <table border = "1" width = "500px" height= "90px" align = "left" cellspacing="0" bordercolor="red" bgcolor="redh">
  <tr valign="top" bgcolor="red">
   <td>1211121</td>
@@ -349,8 +351,7 @@ table>tr*4>td*3 有4行3列
 
 
 
-
-
+---
 
 ### td属性
 
@@ -395,7 +396,7 @@ table>tr*4>td*3 有4行3列
 
 
 
-
+---
 
 
 ### 表格合并列
@@ -427,7 +428,7 @@ table>tr*4>td*3 有4行3列
 
 
 
-
+----
 
 
 ## 表单标签
@@ -463,6 +464,7 @@ table>tr*4>td*3 有4行3列
  <div> 密码:<input type="password" placeholder="请输入你的密码" name="password"></div>
  <div> <input type="submit" value="登录"> <input type="reset" value="重新输入"> </div> 
 </form>
+<br>
 
 **注意:**
 

diff --git a/HTML/markdown/3.md b/HTML/markdown/3.md
@@ -9,11 +9,75 @@
 ---
 [TOC]
 
+## CSS创建方法
+
+### 内部样式
+
+```html
+<head>
+ <style>
+ h1{
+ color: violet;
+ }
+ h2{
+ color: aqua;
+ }
+ </style>
+</head>
+<body>
+<h1>h1样式</h1>
+<h2>h2样式</h2>
+</body>
+```
+
+<img src="https://sm.nsddd.top//typora/image-20220902115135490.png?mail:[email protected]" alt="image-20220902115135490" style="zoom:33%;" />
+
+
+
+### 外部样式
+
+```html
+ <!-- 方法一：推荐使用 -->
+ <link rel="stylesheet" type="text/css" href="./css/2.css">
+
+ <!-- 方法二：不推荐 -->
+ <style>
+ @import url(./css/2.css);
+ </style>
+```
+
+**`link`和`@import`区别**
+
+1. link属于xhtml标签，而@import完全是CSS提供的一种方式
+2. 加载时候`@import`引用的css需要全部下载完被加载，link应用的css会被同时加载
+3. 兼容性差别：`@import`老的浏览器不支持
+
+
+
+### 行内样式表
+
+```css
+<div style="color: red;">div行内样式</div>
+```
+
+<div style="color: red;">div行内样式</div>
+
+
+
+### 样式表优先级
+
+$$
+{\color{Red} \mathbf{{\huge 行内 > 内部 > 外部} } }
+$$
+
+![image-20220902121124828](https://sm.nsddd.top//typora/image-20220902121124828.png?mail:3293172751@qq.com)
+
 
 
 
 
 ## END 链接
+
 + [回到目录](../README.md)
 + [上一节](2.md)
 + [下一节](4.md)

diff --git a/javascript/README.md b/javascript/README.md
@@ -1,4 +1,4 @@
-
+# JavaScript
 
 <p align='center'>
 <a href="https://www.linkedin.cn/injobs/in/xiongxinwei-xiong-7606a0227" target="_blank"><img src="https://img.shields.io/badge/linkedin-xiongxinwei-yellowgreen?logo=linkedin"></a>

diff --git a/javascript/markdown/2.md b/javascript/markdown/2.md
@@ -3,7 +3,7 @@
 # 第2节 数据类型
 
 + [回到目录](../README.md)
-+ [上一节](1)
++ [上一节](1.md)
 > ❤️💕💕JavaSript学习,前期的HTML教程和后期VUE和flutter教程。Myblog:[http:https://nsddd.top](http:https://nsddd.top/)
 ---
 [TOC]
@@ -248,7 +248,7 @@ a = !!a; //true
 ## END 链接
 
 + [回到目录](../README.md)
-+ [上一节](1)
-+ [下一节](3)
++ [上一节](1.md)
++ [下一节](3.md)
 ---
 + [参与贡献❤️💕💕](https://github.com/3293172751/CS_COURSE/blob/master/Git/git-contributor.md)
diff --git a/单片机/README.md b/单片机/README.md
@@ -0,0 +1,143 @@
+# 单片机以及树莓派的原理和应用
+
+<p align='center'>
+<a href="https://www.linkedin.cn/injobs/in/xiongxinwei-xiong-7606a0227" target="_blank"><img src="https://img.shields.io/badge/linkedin-xiongxinwei-yellowgreen?logo=linkedin"></a>
+<a href="https://twitter.com/xxw3293172751" target="_blank"><img src="https://img.shields.io/badge/twitter-%40xxw3293172751-informational?logo=twitter"></a>
+<a href="https://www.zhihu.com/people/3293172751" target="_blank"><img src="https://img.shields.io/badge/%E7%9F%A5%E4%B9%8E-%E9%93%BE%E5%AD%A6%E8%80%85%E7%A4%BE%E5%8C%BA-blue?logo=zhihu"></a>
+<a href="https://s2.loli.net/2022/07/05/sQHuozItvWg1heA.jpg" target="_blank"><img src="https://img.shields.io/badge/%E5%BE%AE%E4%BF%A1-smile-brightgreen?logo=wechat"></a>
+<a href="https://space.bilibili.com/14089380" target="_blank"><img src="https://img.shields.io/badge/b%E7%AB%99-%E6%97%A0%E4%B8%8E%E4%BC%A6%E6%AF%94%E7%9A%84%E5%BE%97%E5%BE%97-red?logo=bilibili"></a>
+</p>
+<p align='center'>
+<a href="https://weibo.com/u/6248930985" target="_blank"><img src="https://img.shields.io/badge/%E5%BE%AE%E5%8D%9A-%E6%97%A0%E4%B8%8E%E4%BC%A6%E6%AF%94%E7%9A%84%E5%BE%97%E5%BE%97-critical?style=social&logo=Sina%20Weibo"></a>
+<a href="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/3293172751" target="_blank"><img src="https://img.shields.io/badge/Github-xiongxinwei-inactive?style=social&logo=github"></a>
+</p>
+---
+
+**为什么要学习单片机这门课程**
+
+
+
+## 目录
+
+ 1. [](markdown/1.md)
+
+ 2. [](markdown/2.md)
+
+ 3. [](markdown/3.md)
+
+ 4. [](markdown/4.md)
+
+ 5. [](markdown/5.md)
+
+ 6. [](markdown/6.md)
+
+ 7. [](markdown/7.md)
+
+ 8. [](markdown/8.md)
+
+ 9. [](markdown/9.md)
+
+ 10. [](markdown/10.md)
+
+ 11. [](markdown/11.md)
+
+ 12. [](markdown/12.md)
+
+ 13. [](markdown/13.md)
+
+ 14. [](markdown/14.md)
+
+ 15. [](markdown/15.md)
+
+ 16. [](markdown/16.md)
+
+ 17. [](markdown/17.md)
+
+ 18. [](markdown/18.md)
+
+ 19. [](markdown/19.md)
+
+ 20. [](markdown/20.md)
+
+ 21. [](markdown/21.md)
+
+ 22. [](markdown/22.md)
+
+ 23. [](markdown/23.md)
+
+ 24. [](markdown/24.md)
+
+ 25. [](markdown/25.md)
+
+ 26. [](markdown/26.md)
+
+ 27. [](markdown/27.md)
+
+ 28. [](markdown/28.md)
+
+ 29. [](markdown/29.md)
+
+ 30. [](markdown/30.md)
+
+ 31. [](markdown/31.md)
+
+ 32. [](markdown/32.md)
+
+ 33. [](markdown/33.md)
+
+ 34. [](markdown/34.md)
+
+ 35. [](markdown/35.md)
+
+ 36. [](markdown/36.md)
+
+ 37. [](markdown/37.md)
+
+ 38. [](markdown/38.md)
+
+ 39. [](markdown/39.md)
+
+ 40. [](markdown/40.md)
+
+ 41. [](markdown/41.md)
+
+ 42. [](markdown/42.md)
+
+ 43. [](markdown/43.md)
+
+ 44. [](markdown/44.md)
+
+ 45. [](markdown/45.md)
+
+ 46. [](markdown/46.md)
+
+ 47. [](markdown/47.md)
+
+ 48. [](markdown/48.md)
+
+ 49. [](markdown/49.md)
+
+ 50. [](markdown/50.md)
+
+
+
+
+
+
+
+## 参与贡献
+
+**要求：**
+
++ [**你需要学会使用markdown🖱️**](https://github.com/3293172751/CS_COURSE/blob/master/markdown/README.md)
++ [符合Google代码规范](https://zh-google-styleguide.readthedocs.io/en/latest/google-cpp-styleguide/)
+
+#### 参与贡献❤️❤️[💕💕](https://github.com/3293172751/CS_COURSE/blob/master/Git/git-contributor.md/)
+
+<font size = 2>如果你也想对本项目做出贡献，那么你可以先把该项目进行 `fork` 或者 `git clone` 到本地，然后自己建立一个分支 `your-branch`，然后上传资料到 对应目录 下，图片信息可以上传到` /images`，然后更新 `README`。 </font>
+
+
+
+## 版权声明
+
+本书所有内容遵循 [CC-BY-SA 3.0协议（署名-相同方式共享）](http:https://zh.wikipedia.org/wiki/Wikipedia:CC-by-sa-3.0协议文本)
diff --git a/单片机/gh-md-toc.exe b/单片机/gh-md-toc.exe