层叠样式表的优点更多排版和页面布局控制
可控制字号、行间距、字间距、缩进、编剧以及定位样式和结构分离
页面使用的文本格式和颜色可独立于网页主体（body区域）进行配置和存储样式可以存储
允许将样式存储到单独文档并将其与网页关联样式变得更小网站维护更容易配置层叠样式表内联样式
将代码直接写入网页的主体区域嵌入样式
在网页页头区域（<head></head>之间)定义外部样式
转载
2023-11-21 22:10:23
44阅读
注：内容及图片来自华为官方技术文档，此处仅作为学习笔记留存。一、什么是CSS？为什么需要CSS？集群交换机系统CSS（Cluster Switch System），又称为CSS，是指将两台支持CSS特性的交换机设备组合在一起，从逻辑上虚拟成一台交换设备。主要作用：简化配置管理、扩展带宽和链路跨框冗余备份等作用。二、CSS的发展阶段（CSS和CSS2）交换机集群技术的发展有两个阶段：传统的集群交换机
原创
精选
2023-05-15 13:42:03
3358阅读
// { // test:/\.css$/, // use:['style-loader','css-loader'] // } , { test:/\.scss$/, use:[ 'style-loader', // 'css-loader', { loader:'css-loader', opt
原创
2021-11-29 15:08:59
126阅读
一、 常见CSS设计模式分析oocssObject Oriented CSS，面向对象的CSS，旨在编写高可复用、低耦合和高扩展的CSS代码。OOCSS是以面向对象的思想去定义样式，将抽象（结构）和实现（样式）分离，抽离公共代码。区分结构和样式
在定义一个可重用性的组件库时，我们仅创建基础的结构（html）和基础的类名，不应该创建类似于border, width, height, backgrou
rem是CSS3新引入的单位，它改良了往期版本中em单位使用不方便的缺点。（如果想了解em单位的更多信息，可以查看之前的文章：CSS中的em单位）一、em单位带来的问题我们知道，em的长度是根据元素自身的font-size大小来确定的：1em = 元素中文本的1个垂直高度如果元素自身没有设置font-size，那么em的长度将根据父元素的font-size来确定。另外，元素自身的font-size
转载
2024-06-29 23:30:25
179阅读
CSS Module产生背景在软件工程里面模块指的是可组合、分解和更换的单元。下面是一张css树，项目里面总的css文件是由一系列小的单元组成，比如下面的reset.css就是一个单元。模块化的概念不光在css里面，在JS里面也是同样适用的，我们把代码按照一定的规则和逻辑拆分，分解成可组合可更换的单元，这样就实现了一个最大限度的代码复用。在css中，代码复用只是一个小的方面，更重要的是解决局部作用
一、字体属性1、font-weight:文字粗细 取值描述normal默认值，标准粗细bold粗体bolder更粗lighter更细100~900设置具体粗细，400等同于normal，而700等同于boldinherit继承父元素字体的粗细值 2、font-style：文字风格normal 正常，默认是正常的italic 倾斜3、font-size：文字大小fs：一般是12p
转载
2023-11-01 18:24:29
28阅读
首先在服务器安装nginxsudo apt update
sudo apt install nginx安装完毕后将前端项目打包 webpack.output.publicPath里配置资源基础路径 资源打包出来就是/publicPath开头1.http://www.xxx.com/ publicPath: '/'2.http://www.xxx.com/web publicPath: '/web/
转载
2024-10-24 20:29:33
63阅读
css3 rem的用法 文章目录css3 rem的用法概念em是什么为什么web app要使用rem？1、实现强大的屏幕适配布局：2.固定宽度做法3.响应式做法4.设置viewport进行缩放 概念rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font siz
转载
2024-10-24 22:30:35
62阅读
一、CSS基础 CSS：即Cascading Style Sheet（层叠样式表），是用来控制网页的表现的一门技术，使用css能让单调的html网页更富表现力，css使html文档的表现形式与结构分离开来。 CSS语法： CSS规则有两个主要部分组成：选择器，以及一条或多条声明。如下1 p{
2 color:red;
3 text-indent:2em;
4 }选择器
转载
2024-04-19 15:29:08
62阅读
1. install normalize:yarn add normalize.css -D(1). 引入src/index.js或src/index.tsx:import "normalize.css";2. install sass:yarn add node-sass@4.14 -D3. 配置less:(1). 安装less相关依赖:yarn add less@4.1.1 less-load
原创
2023-09-13 09:51:59
101阅读
vite 简介vite 是 vue 作者尤雨溪基于 esm 实现本地脚手架工具，最大的特点是速度快，但是不兼容 IE 11。兼容性查询地址vite 脚手架常用设置vite 的设置文件名为 vite.config.js，如果需要类型提示的话也可以使用 vite.config.ts。vite 更改完设置之后无需重启服务即可生效，这个可比 webpack 舒服太多了。配置路径别名import path
转载
2023-10-17 21:50:49
298阅读
一、堆大小设置 JVM中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx3550m -Xms3550m
转载
2023-11-22 15:33:47
42阅读
css 动画基础配置说明span { animation: roll 0.8s; animation-fill-mode: forwards; // 执行一次, infinity // 执行多次 animation-timing-function: ease; // 动画方式 贝塞尔曲线}@keyframes roll { from { transform: rotat
转载
2021-03-04 10:59:33
126阅读
2评论
1111111111111111111111 ...
转载
2021-10-15 11:37:00
114阅读
2评论
文章目录61. python高级------CSS(2)选择器python修炼第十九天2019年 4月18日 晴1.选择器的定义2.CSS选择器种类1.标签选择器2.类选择器3.层级选择器(后代选择器)4.id选择器5.组选择器6.伪类选择器 61. python高级------CSS(2)选择器python修炼第十九天2019年 4月18日 晴1.选择器的定义css 选择器是用来选择标签的，选
转载
2023-09-20 09:10:11
47阅读
十八、超链接导航栏案例：html结构 <div class="nav">
<ul>
<li>
<a href="">路飞学城</a>
</li>
<li>
Spring Boot整合静态资源YML与Properties渲染web页面使用Freemarker模板引擎渲染web视图Freemarker配置模板引擎条件判断用法使用thymeleaf渲染web页面thymeleaf的使用条件和循环的使用 整合静态资源在我们开发Web应用的时候，需要引用大量的js、css、图片等静态资源。 Spring Boot默认提供静态资源目录需置于classpath下
转载
2024-04-10 16:31:14
118阅读
rem是css3新增的一个属性，它是一个相对单位，直观上可以说：是相对于html元素字体大小的单位。兼容性：大多数浏览器都支持，除了IE8以下不支持，但rem一般多用于移动端页面。优点：在计算子元素有关的尺寸时，只要根据html元素字体大小计算就好。不再像使用em时，得来回的找父元素字体大小频繁的计算。1、针对设计稿计算rem所有浏览器都一致默认保持着 16px 的默认字号，rem与px关系为：1
转载
2024-04-30 17:32:10
133阅读
在开发Java Web应用时，配置CSS文件的运行路径是一个常见而重要的问题。正确设置路径可以确保前端样式在浏览器中正常加载，从而极大地提升用户体验。下面是一篇关于“Java配置CSS运行路径”的博文，旨在帮助开发者顺利完成这一配置。
## 环境准备
在开始配置之前，我们需要准备好环境。确保已安装Java、Web服务器（如Tomcat）以及开发工具（如IDEA或Eclipse）。接下来是前置依
