首页 > 其他分享 >React入门

React入门

时间:2024-05-06 14:01:14浏览次数:25  
标签:入门 color React 20px font margin size

React 极简入门:从 JavaScript 到 React - 知乎 (zhihu.com)

 

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My test page</title>
  </head>
  <body>
    <h1>这是标题一</h1>
    <img src="images/firefox-icon.png" alt="The Firefox logo: a flaming fox surrounding the Earth.">

    <p>这是段落</p>

    <ul> <!-- 注释-->
      <li>第一点</li>
      <li>第二点</li>
    </ul>

    <p>这是一个超链接:<a href="https://www.mozilla.org">mozilla网址</a> 
      </p>
  </body>
</html>

 

 

CSS 基础 - 学习 Web 开发 | MDN (mozilla.org)

 

html {
  font-size: 10px;
  font-family: 'Open Sans', sans-serif;
}


h1 {
  font-size: 60px;
  text-align: center;
}

p, li {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1px;
}


html {
  background-color: #00539F;
}

body {
  width: 600px;
  margin: 0 auto;
  background-color: #FF9500;
  padding: 0 20px 20px 20px;
  border: 5px solid black;
}

h1 {
  margin: 0;
  padding: 20px 0;
  color: #00539F;
  text-shadow: 3px 3px 1px black;
}

img {
  display: block;
  margin: 0 auto;
}

 

 

JS 基本语法

let myVariable;

 

标签:入门,color,React,20px,font,margin,size
From: https://www.cnblogs.com/alexYuin/p/18174898

相关文章

  • fastadmin快速入门
    配置安装官网下载https://www.fastadmin.net/download.html配置到public目录下面php版本>7.3伪静态如果没有配置伪静态可以访问不到前台<IfModulemod_rewrite.c>Options+FollowSymlinks-MultiviewsRewriteEngineOnRewriteCond%{REQUEST_FILENAME}!-dRe......
  • kettle从入门到精通 第五十五课 ETL之kettle Excel输入
    1、 Excel输入,MicrosoftExcel输入步骤的作用是从MicrosoftExcel中读取数据,如下图所示:1)Excel输入步骤从文件D:\data\测试数据.xlsx读取数据。2)将数据通过写日志步骤打印出来。2、Excel输入步骤-文件配置 步骤名称:自定义表格类型(引擎):Excel97-2003XLS:这个引擎是JXL软件......
  • kettle从入门到精通 第五十六课 ETL之kettle Microsoft Excel Output
    1、9.4版本的kettle中有两个Excel输出,Excel输出和MicrosoftExcel输出。前者只支持xls格式,后者支持xls和xlsx两种格式,本节课主要讲解步骤MicrosoftExcel输出,如下图所示: 1)、步骤【生成记录】生成两条测试数据,每条数据里面包含id和name字段。 2)步骤【MicrosoftExcelOutput......
  • 快速入门一篇搞定RocketMq-实现微服务实战落地
    1、RocketMq介绍RocketMQ起源于阿里巴巴,最初是为了解决邮件系统的高可靠性和高性能而设计的。在2016年开源分布式消息中间件,并逐渐成为Apache顶级项目。现在是Apache的一个顶级项目,在阿里内部使用非常广泛,已经经过了"双11"这种万亿级的消息流转,性能稳定、高效。官网地址:https://......
  • 入门推荐系统业务的书单
    最近出差在外,为解决吃饭问题,花了不少时间在美团上翻阅当地的美食,从侧面接触了推荐系统。作为职业程序员,恰逢五一假期,因此花了一些时间查阅了一些资料,期望可以进一步了解推荐系统,拓展知识面。公司内部从事推荐系统领域的同事推荐了如下书籍:从零开始构建企业级推荐系统推荐系统......
  • 为什么我不选择React、Vue.js作为SAAS网站的前端框架
    引言“道”在中国哲学中,是一个重要的概念,表示“终极真理”。“道”这一概念,不单为哲学流派诸子百家所重视,也被宗教流派道教等所使用。大道至简的意思就是大道理是极其简单的,简单到一两句话就能说明白。所谓“真传一句话,假传万卷书”。正文在开启独立创作之路时,我也考虑过各种......
  • PHP-入门指南(全)
    PHP入门指南(全)原文:zh.annas-archive.org/md5/d36bde355b2574844946c8150420db7b译者:飞龙协议:CCBY-NC-SA4.0前言开发网站是当今的优先事项,以便您的业务在互联网上有所存在。设计和开发是任何网站的基础步骤。PHP通常用于网站和Web应用程序开发。PHP是一种通用的服务......
  • REACT: SYNERGIZING REASONING AND ACTING IN LANGUAGE MODELS
    发表时间:2023(ICLR2023)文章要点:文章提出一个简单有效的ReAct框架,将reasoning和action结合,在交互式的环境上进行测试,取得了很好的效果。其中reasoning作为推理模块,帮助模型归纳,跟踪和更新动作规划,acting和环境交互收集更多信息(reasoningtraceshelpthemodelinduce,track,a......
  • 以React16.4为界限,比较生命周期的异同
    一、整体流程简介:新版:旧版:二、比较通过两个图的对比,可以发现:1.生命周期都包含创建、更新、销毁;2.新版本减少了以下三种方法:componentWillMountcomponentWillReceivePropscomponentWillUpdate其实这三个方法仍然存在,只是在前者加上了UNSAFE_前缀,如UNSAFE_componentW......
  • Metasploit-即时入门(全)
    Metasploit即时入门(全)原文:annas-archive.org/md5/FDEA350254319975F23617766073DAB6译者:飞龙协议:CCBY-NC-SA4.0第一章. 快速入门Metasploit欢迎阅读《快速入门Metasploit》。本书特别为您提供了设置Metasploit所需的所有信息。您将学习Metasploit的基础知识,开始......