如何在css和div中将某些文字加到样式中区,变成模板?

发布网友发布时间：2022-04-06 12:38

共5个回答

热心网友时间：2022-04-06 14:07

可以，但是复杂的不行，结合:after :before使用。例如
div.test:after {content: ' 哎呀';}
<div class='test'>我</div>

content :
attr(alt) | counter(name) |
counter(name , list-style-type) |
counters(name , string) |
counters(name , string , list-style-type) |
no-close-quote | no-open-quote | close-quote |
open-quote | string | url(url)
取值：
attr(alt) :　使用对象的 alt 属性的文字
counter(name) :　使用已命名的计数器
counter(name, list-style-type) :　使用已命名的计数器并遵从指定的 list-style-type 属性
counters(name, string) :　使用所有已命名的计数器
counters(name, string,
list-style-type) :　使用所有已命名的计数器并遵从指定的 list-style-type
属性
no-close-quote :　并不插入 quotes 属性的后标记。但增加其嵌套级别
no-open-quote :　并不插入 quotes 属性的前标记。但减少其嵌套级别
close-quote :　插入 quotes 属性的后标记
open-quote :　插入 quotes 属性的前标记
string :　使用用引号括起的字符串
url(url) :　使用指定的绝对或相对 url 地址

热心网友时间：2022-04-06 15:25

利用CSS3的before/after伪类，不过不支持IE7及以下浏览器
Demo：
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.test{background:#69f;position:relative;width:100px;height:30px;}
.test:after{content:"测试";position:absolute;top:0;left:0;line-height:30px}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>来自：求助得到的回答

热心网友时间：2022-04-06 17:00

定义了样式之后，可以一直使用，就相当于模板了。只要这些字应用了这些样式就是一样的效果。不会了可以追问我

热心网友时间：2022-04-06 18:51

应该是在div中加入 css 变成模板

例如：
<div style="font-size:18px;">标题</div>
<div class="content">
<p style="padding:5px 0 ; width:300px; margin:0; line-height:20px; color:#333;">这里写内容...</p>

</div>

热心网友时间：2022-04-06 20:59

模板，一般是程序员写成，直接数据库里调用的吧。