场景

要定义一个通用的css样式，比如水平居中且文字变红。

如果哪个便签使用直接添加class=""即可，而不用添加style=""

实现

新建公共CSS文件

编写样式：

.badao_Center{text-align: center;color: red;vertical-align: middle!important;
}

然后将此css文件引入到页面中，可以通过抽取公共页面实现所有页面都引用。

可以参照：
Thymeleaf提取公共页面（从实例入手，以inspinia模板为例）：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/93969759

然后在页面中需要应用这个样式的地方的标签上添加

效果

给标签定义通用样式的css文件相关推荐

CSS入门基础（样式，css文件，选择器）
CSS入门学习 CSS的简介基本语法结构基本用法给元素添加样式行内样式内部样式外部样式定义样式css文件在html中引入css文档选择器标签选择类选择 id选择 CSS的简介层 ...
css判断ie版本才引用样式或css文件
 除IE外都可识别 <!--[if IE]> 所有的IE可识别 <![e ...
VSCode代码自动补全（html标签、style样式、css属性及值）
转自:传送门 1.按CTRL+SHIFT+P 2.输入搜索Suggest:Snippets Prevent Quick Suggestions(控制在活动代码片段内是否禁用快速建议) 3.取消选中 4 ...
htmlcss笔记--标签默认值样式重置css reset(2)
1.内联,内嵌,行内元素: 默认可以继续跟同类型标签显示: 由内容撑开宽度,内容多宽,会有多宽: span,内嵌标签部支持宽高,即使加了宽高也不支持, 也不支持上下内外边距,但是支持左右内外边距:内上 ...
CSS重置默认样式reset.css代码模板
由于各大浏览器存在兼容性问题,同一个css属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器样式的css文件,在这个文件中定义一些针对不同的浏览器最终表现出一致的代码. 大 ...
CSS，何谓CSS，如何使用CSS文件
css,层叠样式表,Cascading Style Sheet. 它是一个文件,一种以它自身名字 .css 为文件扩展名的文件. css文件中,一个个诸如p{color:blue;}这样语法结构的语句 ...
图片标签，内联框架 css简介
目录一.图片标签: 属性: scr 属性指定的是外部图片的路径(路径规则和超链接是一样的) width 图片的宽度(单位是像素) height 图片的高度二.内联框架: src指定要引入的网页的路 ...
在vue中引入外部的css文件
在vue中引入外部的css文件在项目的src文件下,新建一个style文件夹,存放css文件. 1. 全局引入将外部的css文件放到style文件下,引入外部文件只需在main.js文件中 imp ...
uni-app引用外部css,在vue/uni-app中引入外部的css文件
一.在vue中引入外部的css文件在项目的src文件下,新建一个style文件夹,存放css文件 1. 全局引入将外部的css文件放到style文件下,引入外部文件只需在main.js文件中 `` ...

给标签定义通用样式的css文件

场景

实现

效果

给标签定义通用样式的css文件相关推荐

最新文章

热门文章