公司网站建设的目的是什么？它有哪些好处？

公司网站建设的目的好处,常用的关键词有哪些,韩城搜索引擎建设网站,株洲知名网站建设需要注意#xff1a;html文件中引入的是output.css input.css写那三行预留的就可以了打包的时候只要打包html output.css img文件夹句ok#xff0c;其他都不用原理是运行时生产output.css文件#xff0c;直接【注意#xff01;注意#xff01;注意#xff01;class…需要注意html文件中引入的是output.css input.css写那三行预留的就可以了打包的时候只要打包html output.css img文件夹句ok其他都不用原理是运行时生产output.css文件直接【注意注意注意classxxxx 不要用className“Xxxxx‘ 那是react的写法不行的】要用使用 npm 或者 pnpm 安装# 使用 npm 安装 npm init npm i -D tailwindcss postcss autoprefixer# 使用 pnpm节省硬盘空间 npm i -g pnpm pnpm init pnpm i -D tailwindcss postcss autoprefixer 生成配置文件# 初始化配置文件 npx tailwindcss init -p编辑 tailwind.config.js// tailwind.config.js/** type {import(tailwindcss).Config} */ module.exports {content: [./**/*.html], // 根据实际情况设置路径theme: {extend: {},},plugins: [], };新建样式文件例如input.css并写入// input.csstailwind base; tailwind components; tailwind utilities;在页面中引用最终样式例如output.css// index.htmllink relstylesheet href./output.css /在终端运行命令可选参数 –minify 进行压缩npx tailwindcss build -i input.css -o output.css --watch --minify然后编辑页面标签里写入预置的样式名// index.html... div classcontainer mx-auto/div ...或者编辑input.css再保存文件即可。// input.csstailwind base; tailwind components; tailwind utilities;body {apply bg-slate-200; }也可以改成编辑package.json// package.json... script: { dev: npx tailwindcss -i input.css -o output.css --watch, build: npx tailwindcss -i input.css -o output.css --minify } ...编辑时运行必须保持运行如果出错导致自动退出则需重新运行npm run dev编辑完进行压缩npm run build