2024-06-02定义了两个css文件，第一个文件是默认生效的，第二个当页面宽度小于1600px时生效，针对两个的样式随之改变，达到响应式的效果当点击“页面打印”的时候时，希望显示为打印的页面效果。_html开发 样式

https://www.qianduange.cn//article/10469.html 分类：前端知识

2024-05-27Ⅰ、表格整体的边框为1像素，单元格间距为0，表格中前六列列宽均为100像素，第七列 为200像素，表格整体在页面上居中显示；Ⅲ、第一行合并了7列；第六 行合并了六列；照片的单元格合并了四行。Ⅱ、前五行的行高为40像素，第六行的行高为80像素，排列方式均为居中显示；css文件{style.css}_设计一个个人简历的网页表单,使用html和css进行实现 csdn 表单

https://www.qianduange.cn//article/9694.html 分类：前端知识

2024-05-27Vite Vue3项目全局引入scss文件_vite sass

https://www.qianduange.cn//article/9671.html 分类：前端知识

2024-05-26CSS（）层叠样式表，又叫级联样式表，简称样式表。css文件后缀名为.css。CSS用于HTML文档中元素样式的定义。使用CSS可以让网页具有美观一致的页面CSS规则由两个主要的部分构成：选择器，以及一条或多条声明(样式)。语法选择器通常是需要改变样式的HTML元素每条声明由一个属性和一个值组成属性是希望设置的样式属性，每个属性有一个值。属性和值被冒号分开。

https://www.qianduange.cn//article/9586.html 分类：前端知识

2024-05-24不同环境下的打包，如果出现图片显示不了时（特别是css中的图片），请检查publicPath的配置。会开启tree-shaking和js代码压缩，但配置会使默认的压缩功能失效。所以，指定css压缩插件的同时，务必指定js的压缩插件。插件，结合配置，可以把css代码打包到单独的css文件，且可以设置存放路径（通过设置插件的filename和生产环境下不能使用devtool:"inline-source-map"，而用devtool:"source-map"_mini-css-extract-plugin

https://www.qianduange.cn//article/9243.html 分类：前端知识

2024-05-24在根路径定变零--color变量后，在不使用postcss-cssnext插件时，postcss转化后的css文件中p标签里面的背景色的值还是变量形式，这就需要用到postcss-cssnext插件。reset.css文件是demo.css中导入的文件，通过postcss转化后并没有在同级目录生成新的reset.css文件，代码依旧是@impor”./reset.css”使用postcss转化之后引入的reset.css文件也被转化并合并到新的css文件中。_postcss.config.js

https://www.qianduange.cn//article/9240.html 分类：前端知识

2024-05-20一、什么是Webpack?Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。二、Webpack安装1、全局安装Webpack2、查看Webpack版本号webpack -v三、初始化项目—Webpack打包js文件1、首先在vscode工作空间中创建文件夹Webpackdemo。_打包html css js文件

https://www.qianduange.cn//article/8930.html 分类：前端知识

2024-05-18Google Web字体服务（http://www.google.com/webfonts）也是不错的选择。（2）使用Web字体需要在css文件里利用@font-face规则得到Web字体链接，这个规则必须放在文件的最上面，body规则之上。浏览器通过URL或者网络名获取服务器中的HTML页面---->通过css文件中的特殊字体链接获取Web字体文件------->显示字体。因为不用的用户会使用不同的浏览器以及系统，而在他们的浏览器或系统中，能够支持的字体不尽相同。在设置页面字体时，设计者往往会在。

https://www.qianduange.cn//article/8796.html 分类：前端知识

2024-05-104.Easy LESS (用于实现编写less文件后生成css文件和wxss文件)5.LIve Server(实时预览运行效果）（只要代码有变化就可以自动进行更新）6.Open in browser（运行代码在浏览器打开并且查看运行结果）输入“configure language”，然后回车。1.Auto Rename Tag (同步修改前后标签的插件)在“vscode”顶部会出现一个搜索框。如果有不理解的地方可以加关注私信我。----对于字体的修改和自动保存。下一步，下一步，安装。_vscode配置html环境

https://www.qianduange.cn//article/8034.html 分类：前端知识

2024-05-10HTML 指的是超文本标记语言:HyperTextMarkupLanguage。HTML 是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)。HTML 使用标记标签来描述网页。用于从一个页面链接到另一个页面。 元素最重要的属性是 href 属性，它指定链接的目标。未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的_blank：新窗口打开。_spring html用css文件

https://www.qianduange.cn//article/7961.html 分类：前端知识