zoukankan html css js c++ java

【nextjs】React SSR

文档： https://www.nextjs.cn/learn/basics/create-nextjs-app/editing-the-page

收获：

<HEAD>

import Head from 'next/head'
...

<Head> 
  <title>Create Next App</title>
  <link rel="icon" href="/favicon.ico" />
</Head>

<style jsx>

源码：

<style jsx>{`
        main {
          display: flex;
        }
`}</style>

渲染：

```
main.jsx-3921730403 {
   
}
```

<style jsx global>

源码：

html, body {
   padding: 0;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
            sans-serif;
}

渲染：

html, body {
   padding: 0;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
            sans-serif;
}

<Link href="/pricing"></Link>

源码：

        <h2>
          Welcome to <Link href="https://www.nextjs.cn/learn/basics/navigate-between-pages/link-component"><a
            >Next.js!</a></Link>
        </h2>

        <p>
         <Link href="/pricing"><code>pricing.tsx</code></Link>
        </p>

渲染：

查看全文

相关阅读:
js5
js4
js（3）
JS内容（2）
html复习
 js介绍及内容（1）
定位2
position定位
 CSS
列表及行块转变

原文地址：https://www.cnblogs.com/tianxiaxuange/p/14030842.html