mirror of
https://github.com/jaywcjlove/reference.git
synced 2025-06-20 14:07:32 +08:00
feat: add matlab.md cheatsheet (#21). 02d0a495a6
This commit is contained in:
jaywcjlove
@ -46,7 +46,7 @@
|
||||
</div></div><div class="h2wrap-body"><div class="wrap h3body-exist row-span-3"><div class="wrap-header h3wrap"><h3 id="介绍"><a aria-hidden="true" tabindex="-1" href="#介绍"><span class="icon icon-link"></span></a>介绍</h3><div class="wrap-body">
|
||||
<!--rehype:wrap-class=row-span-3-->
|
||||
<p>CSS 功能丰富，不仅仅是布局页面</p>
|
||||
</div></div><div class="h3wrap-body"><h4 id="外部样式表"><a aria-hidden="true" tabindex="-1" href="#外部样式表"><span class="icon icon-link"></span></a>外部样式表</h4>
|
||||
<h4 id="外部样式表"><a aria-hidden="true" tabindex="-1" href="#外部样式表"><span class="icon icon-link"></span></a>外部样式表</h4>
|
||||
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span>
|
||||
</span></span><span class="code-line"><span class="token tag"> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>./path/to/stylesheet/style.css<span class="token punctuation">"</span></span>
|
||||
</span></span><span class="code-line"><span class="token tag"> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span>
|
||||
@ -70,7 +70,7 @@
|
||||
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
|
||||
</span></code></pre>
|
||||
<!--rehype:className=wrap-text -->
|
||||
</div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="添加-class-类"><a aria-hidden="true" tabindex="-1" href="#添加-class-类"><span class="icon icon-link"></span></a>添加 class 类</h3><div class="wrap-body">
|
||||
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="添加-class-类"><a aria-hidden="true" tabindex="-1" href="#添加-class-类"><span class="icon icon-link"></span></a>添加 class 类</h3><div class="wrap-body">
|
||||
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>classname<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
|
||||
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>class1 ... classn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
|
||||
</span></code></pre>
|
||||
@ -165,7 +165,7 @@
|
||||
</div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="css-选择器"><a aria-hidden="true" tabindex="-1" href="#css-选择器"><span class="icon icon-link"></span></a>CSS 选择器</h2><div class="wrap-body">
|
||||
</div></div><div class="h2wrap-body"><div class="wrap h3body-exist row-span-2"><div class="wrap-header h3wrap"><h3 id="示例"><a aria-hidden="true" tabindex="-1" href="#示例"><span class="icon icon-link"></span></a>示例</h3><div class="wrap-body">
|
||||
<!--rehype:wrap-class=row-span-2-->
|
||||
</div></div><div class="h3wrap-body"><h4 id="组选择器"><a aria-hidden="true" tabindex="-1" href="#组选择器"><span class="icon icon-link"></span></a>组选择器</h4>
|
||||
<h4 id="组选择器"><a aria-hidden="true" tabindex="-1" href="#组选择器"><span class="icon icon-link"></span></a>组选择器</h4>
|
||||
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token selector">h1<span class="token punctuation">,</span> h2</span> <span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> <span class="token property">color</span><span class="token punctuation">:</span> <span class="token color">red</span><span class="token punctuation">;</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
@ -192,7 +192,7 @@
|
||||
</span><span class="code-line"> <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">80</span><span class="token unit">px</span><span class="token punctuation">;</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
</div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="基础"><a aria-hidden="true" tabindex="-1" href="#基础"><span class="icon icon-link"></span></a>基础</h3><div class="wrap-body">
|
||||
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="基础"><a aria-hidden="true" tabindex="-1" href="#基础"><span class="icon icon-link"></span></a>基础</h3><div class="wrap-body">
|
||||
|
||||
|
||||
|
||||
@ -1174,12 +1174,12 @@
|
||||
<ul>
|
||||
<li>grid-row: grid-row-start / grid-row-end;</li>
|
||||
</ul>
|
||||
</div></div><div class="h3wrap-body"><h4 id="实例"><a aria-hidden="true" tabindex="-1" href="#实例"><span class="icon icon-link"></span></a>实例</h4>
|
||||
<h4 id="实例"><a aria-hidden="true" tabindex="-1" href="#实例"><span class="icon icon-link"></span></a>实例</h4>
|
||||
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token selector"><span class="token class">.item</span></span> <span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> <span class="token property">grid-row</span><span class="token punctuation">:</span> <span class="token number">1</span> <span class="token operator">/</span> span <span class="token number">2</span><span class="token punctuation">;</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
</div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="css-块级网格"><a aria-hidden="true" tabindex="-1" href="#css-块级网格"><span class="icon icon-link"></span></a>CSS 块级网格</h3><div class="wrap-body">
|
||||
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="css-块级网格"><a aria-hidden="true" tabindex="-1" href="#css-块级网格"><span class="icon icon-link"></span></a>CSS 块级网格</h3><div class="wrap-body">
|
||||
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token selector"><span class="token id">#grid-container</span></span> <span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
@ -1213,11 +1213,11 @@
|
||||
<li>grid-row-start: auto|row-line;</li>
|
||||
<li>grid-row-end: auto|row-line|span n;</li>
|
||||
</ul>
|
||||
</div></div><div class="h3wrap-body"><h4 id="实例-1"><a aria-hidden="true" tabindex="-1" href="#实例-1"><span class="icon icon-link"></span></a>实例</h4>
|
||||
<h4 id="实例-1"><a aria-hidden="true" tabindex="-1" href="#实例-1"><span class="icon icon-link"></span></a>实例</h4>
|
||||
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token property">grid-row-start</span><span class="token punctuation">:</span> <span class="token number">2</span><span class="token punctuation">;</span>
|
||||
</span><span class="code-line"><span class="token property">grid-row-end</span><span class="token punctuation">:</span> span <span class="token number">2</span><span class="token punctuation">;</span>
|
||||
</span></code></pre>
|
||||
</div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="对齐项目"><a aria-hidden="true" tabindex="-1" href="#对齐项目"><span class="icon icon-link"></span></a>对齐项目</h3><div class="wrap-body">
|
||||
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="对齐项目"><a aria-hidden="true" tabindex="-1" href="#对齐项目"><span class="icon icon-link"></span></a>对齐项目</h3><div class="wrap-body">
|
||||
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token selector"><span class="token id">#container</span></span> <span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> <span class="token property">display</span><span class="token punctuation">:</span> grid<span class="token punctuation">;</span>
|
||||
</span><span class="code-line"> <span class="token property">justify-items</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
|
||||
@ -1397,7 +1397,7 @@
|
||||
<li><a href="https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool">Flex 布局教程：语法篇</a></li>
|
||||
<li><a href="https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-CN">CSS 专业技巧</a></li>
|
||||
</ul>
|
||||
</div></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 Kenny Wang, All rights reserved.</footer></footer><script>
|
||||
</div></div><div class="h2wrap-body"></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 Kenny Wang, All rights reserved.</footer></footer><script>
|
||||
if(('onhashchange' in window) && ((typeof document.documentMode==='undefined') || document.documentMode==8)) {
|
||||
window.onhashchange = function () {
|
||||
anchorPoint()
|
||||
|
||||
Reference in New Issue
Block a user