我有一个包含2个<h3>元素的div，通过设置父div的font-size属性，我认为这会对我的头元素产生影响并对它们进行样式化(但它没有)。因此，我创建了下面的简单示例，并意识到将字体大小设置为父元素实际上是有效果的。(需要帮助理解CSS和字体大小是如何工作的.)
<div>
<h1>Title</h1>
<h2>Subtitle</h2>
<p>paragraph text goes here...</p>
</div>
<button>add
浏览 3提问于2014-11-07得票数 1
回答已采纳
是否可以使用非固定字体大小覆盖父元素(例如div)的固定字体大小。我有一个问题，对于特定的HTML页面，我希望元素使用相对于Body元素的字体大小，而不是相对于父div的字体大小。
我的HTML
<body id="templateBody">
<div>
<p>
我的CSS
body{
font-size: 76%
}
div{
font-size:11px
}
如何为p指定字体大小，使其相对于正文字体大小(%age)，而不是固定的div字体大小？有什么办法可以在不改变div样式的情况下覆盖div的固定字
浏览 3提问于2013-01-24得票数 2
回答已采纳
我希望我的用户能够选择一个字体从他们的电脑和更新网页，以便它使用该字体。
<style>
html * { font-family: Arial !important; }
</style>
我在html *中使用css，我想将字体系列更改为用户的文件。
<script>
function change_css() {
// ???
}
</script>
<div>
<div</div>
<input type="file" name="upload" id=&
浏览 9提问于2019-11-01得票数 0
回答已采纳
1回答
我正在设计一个网站的布局。但我注意到字体大小不能正常工作。我在一个div里面写了一个单词"JETRO“。div的高度为80 is，字体大小为40 is。我用“行高:80 to”来对齐从上到下的中间词。但它不能正常工作。它从顶部取25 is，从底部取20 is，字体大小实际上显示为35 is。这里怎么了？
我的html代码：
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<
浏览 3提问于2015-09-20得票数 0
回答已采纳
我有这个标签：
<div>
<h1>
</h1>
</div>
然后我有一个javascript lib来改变<div>标签的字体大小，但是<h1>有它自己的CSS。则<h1>中的文本不会更改。我只想调整影响<h1>的<div>的字体大小。我不能改变javascript lib和html结构。所以，我认为有这样的东西是很好的
$('div').bind('css-change', function (){
$('h1'
浏览 1提问于2012-01-11得票数 0
我有以下代码：
<div id="container">
<div id="top">TOP TEXT
</div>
<div id="middle">MIDDLE TEXT
</div>
<div id="bottom">BOTTOM TEXT
</div>
</div>
使用以下css：
#top { font-size: 13px;}
#middle { font-size: 40px;}
#b
浏览 3提问于2011-11-18得票数 2
回答已采纳
2回答
我在UIViewController中嵌入了一个UIWebView，当设备旋转时，我会有一些非常奇怪的行为。我的文本的字体大小设置为11px ( css)，但当我旋转到横向时，字体大小被调整为19px (根据Safari)，我不知道这种重新计算是从哪里来的。更奇怪的是，它正上方的另一个(单行) div的字体大小为10px，并且没有调整大小。
我有这样的东西：
<div class="date">Sep 16</div>
<div class="body"><span class="bold">bla
浏览 3提问于2013-09-21得票数 0
2回答
可能重复：
假设我有一个div，它是600 px高，400 px宽。我想要我的文字在中间，并跨越整个宽度的div。在CSS或CSS3中有什么东西可以让我根据用户输入的文本量自动完成这个任务吗？
因此，FOO这个词比FOOBAR这个词要大，因为foobar会占用更多的空间，从而动态地调整文本的大小。
只是想知道，我不确定是否有可能(也可以接受JS解决方案)
谢谢!
浏览 3提问于2011-02-17得票数 1
回答已采纳
我刚刚下载了Sematic并安装了以下文件。
├── css
│ ├── semantic.css
│ └── semantic.min.css
├── fonts
│ ├── basic.icons.eot
│ ├── basic.icons.svg
│ ├── basic.icons.ttf
│ ├── basic.icons.woff
│ ├── icons.eot
│ ├── icons.otf
│ ├── icons.svg
│ ├── icons.ttf
│ └── icons.woff
├── images
│ ├── bg.jpg
浏览 4提问于2014-01-23得票数 2
回答已采纳
3回答
我在php电子邮件中使用了“Raleway”字体作为电子邮件正文的字体，但是在电子邮件客户端中，文本并没有显示在“Raleway”中。文本的样式是内联的。
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css" />
<div style="font-family: Raleway, sans-serif">
//Content
</div>
浏览 0提问于2017-02-21得票数 2
回答已采纳
我在iframe中加载一个HTML页面，并尝试将iframe的正文的字体大小设置为27pt。但它不会将该字体应用于所有元素。
下面是DIV和它的CSS：
<div id="d10" class="fnt12 page2parttext">COLLECTION</div>
.fnt12 {
font-size: 25px;
font-family: MyriadPro-SemiExt;
color: white;
}
我将这个CSS应用于页面的正文：
font-size: 40pt !important;
虽然在开发人员工具中
浏览 1提问于2012-12-13得票数 1
回答已采纳
1回答
我已经为wordpress创建了自定义主题-没有复杂的东西，只是开始页面，没有页脚，侧边栏，菜单。但是在这里我有一个我无法解决的问题。我想使用的字体"Lato“从谷歌字体与拉丁扩展字体(波兰标志)。因为我在标题中提供了适当的代码(我想)，在css中，但结果仍然是这样的：
这是header.php
<!DOCTYPE HTML>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset&
浏览 1提问于2018-11-26得票数 0
当我使用google地图API时，发生了一些奇怪的事情。当我在页面中包含一个地图时，标题的字体粗细只会在视觉上发生变化。当我看着控制台时，没有什么变化，使用了相同的字体粗细，但视觉效果明显不同。
下面是我在地图中使用的代码：
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-s
浏览 0提问于2016-10-01得票数 1
3回答
我有一个div，我正在尝试显示一个粗体字体的文本如下：
$('#div').text("data between "+ fromdate + "to" + todate).css({'text-align':'centre'});
我如何只显示“从日期”和“日期”的粗体字体？
浏览 5提问于2015-12-14得票数 3
回答已采纳
2回答
我是网页设计的新手，但据我所知，em应该可以缩放到任何屏幕尺寸。我是定义为em或%的所有东西，除了几个微不足道的边框，然而，当我尝试在不同的屏幕上查看它时，没有div或它们的内容比例。
我做错了什么？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Name</title>
<link rel="stylesheet" href="css/style2.css" type="text/css
浏览 8提问于2014-06-04得票数 0
我目前正在学习jQuery。问题:容器中有三个组件。最初，所有字体颜色都是黑色的。我想根据每个div.的类名更改字体颜色。
我可以改变其中的两个，而不能改变所有。我的准则是：
index.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="container">
<div class="Red">old content</div>
<div clas
浏览 2提问于2015-06-04得票数 4
回答已采纳
我正在采取的内部企业网站，目前需要IE8古怪模式正确呈现，并修改它，使其呈现在IE8标准模式。困扰我的问题之一是字体大小有很大不同的外观:大字体(可能还有其他字体设置，这是我第一次注意到)。
使用此HTML作为示例：
<html>
<head>
<title>IE 8 Quirks Font Size</title>
<style type="text/css">
#testDiv
{
font-si
浏览 2提问于2013-06-05得票数 4
回答已采纳
我使用的是一个库，它不支持字体权重属性，而是由字体css属性定义为解释的。
因此，我通过设置字体css属性来测试FontAwesome 5，但它不起作用。我是做错了什么，还是FontAwesome 5不支持这种定义字体样式的模式？
.calendar::before {
font-family: "Font Awesome 5 Free"; /* updated font-family */
font-weight: 400; /* regular style/weight */
content: "\f133";
}
.calendar2:
浏览 2提问于2019-02-15得票数 0
回答已采纳
对于symfony项目，我使用snappy bundle，它使用wkhtmltopdf将网页转换为pdf。我使用谷歌字体来使用不同的字体。字体在网页上显示良好，但转换为pdf后，任何使用字体的部分字母之间的间距都不好。有没有办法固定字母的间距？
PDF图片：(使用google字体，EB Garamond)
html代码：
<link href='http://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>
Normal T
浏览 2提问于2014-11-04得票数 2
Phonegap是关于html，css和js的。所以我需要在html / css中设置字体。我想在我的html页面中显示一些古吉拉特文字体。它可以在我的桌面浏览器上运行。但这个页面在我的Android设备上没有什么可显示的。
Html：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css"
href
浏览 4提问于2013-11-13得票数 2
2回答
如何反转字体大小百分比的增加。如果字体大小增加了125%，那么我会认为反转需要80%的字体大小(100/125 = 0.8)
然而，在这个例子中，我使用生成的字体em size来创建宽度，它不起作用。为什么？
。
html：
<div id="base">
<div id="row1">
<input type="text" />
</div>
<div id="row2">
<input type="
浏览 1提问于2013-03-28得票数 3
回答已采纳
5回答
如何统一改变字体大小？
、、、
如果我有以下HTML：
<div class="div1">
<div class="div2">
</div>
<div class="div3">
</div>
</div>
div2和div3都有自己的CSS，定义了字体大小等。有没有办法可以统一地减小div1的字体大小？也就是说，采用在div2和div3中定义的字体大小，并将其减小例如2px？这类似于在字处理软件中使用Select All -> Ctrl + Shift + <将所选
浏览 0提问于2012-07-11得票数 3
回答已采纳
我有CSS链接标签在我的页面。我希望CSS应用于整个页面，而不是应用于HTML .For示例中的特定DIV标签及其子元素，如以下代码所示-我希望来自theme.css的样式应用于整个html，但不应用于ID为"doNotApplyCss“的DIV及其所有子元素。可以使用Jquery或CSS吗？
<html>
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
<body>
<div
浏览 0提问于2018-06-29得票数 1
我使用WordPress的附加css选项来更改锚<a>的字体系列。这是一个自定义上传的字体，使用来自Brainstorm Force的自定义字体插件。在页面初始加载时，自定义css不起作用，并显示默认字体系列。在重新加载页面并且没有完全关闭它之后，将显示正确的字体系列。 字体系列为'Spring LP' 将font-family="Spring LP";重新定位到css的末尾。使用已经实现的字体系列似乎没有问题。 a.logo_link {
color: #5F2417 !important;
font-family: 'Sprin
浏览 15提问于2019-10-18得票数 0
回答已采纳
3回答
我使用这个CSS在div的背景下创建不透明度：
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
在我的例子中，问题是这种方式改变了div内部字体的颜色和div的边框颜色。有没有其他不改变字体颜色的方法？
浏览 0提问于2013-10-16得票数 0
回答已采纳
我有一个DIV，根据视口大小来调整CSS中的字体大小：
font-size:1em;
@media only screen and (min-width: 300px) {
font-size:2em;
}
@media only screen and (min-width: 600px) {
font-size:3em;
}
但是，我还有Javascript，它根据用户是否向下滚动来改变字体大小。
$(window).scroll(function () {
if ($(this).scrollTop() > 1) {
$('#div
浏览 1提问于2015-04-16得票数 2
回答已采纳
1回答
有没有一种简单的方法可以减少所有material.js小部件的大小(较小的填充，较小的字体大小，.)？
我想将materialize.js用于桌面应用程序(在JavaFx WebView中)。
虽然小部件可以在触摸屏上用于web应用程序，但是这些小部件对于我的“富客户端桌面应用程序”来说太大了.我不能用拇指控制而是用鼠标指针控制。
我不想手动修改每个小部件的css属性，我试图调整缩放级别，但这只会影响字体大小。
我可以应用某种全局css缩放因子吗？
或者，是否有一个主题或一个以桌面应用程序为目标的物化叉？
(过去我使用SWT。现在，我考虑切换到html & css，因为
浏览 4提问于2017-08-05得票数 1
回答已采纳
1回答
我的结构如下所示
<div class="panel">
<div class="product">
<div class="title">My little pony</div>
</div>
</div>
标题div有其字体大小设置，但面板div也是如此。
.panel {
font-size: 0.89em;
}
.product .title {
font-size: 1em;
font-weight: bold
浏览 6提问于2014-04-13得票数 0
回答已采纳
我试图用jQueryMobile1.2.1动态地改变水平控件组单选按钮的高度和字体大小。
我可以更改大小和字体，但是有了一些值，按钮就会用基本的无线电选择器(如 )来显示。
<body>
<div data-role="page" id="home">
<div data-role="content">
<form>
<fieldset data-role="controlgroup" data-type="horizontal" id="btnc1&
浏览 2提问于2013-12-09得票数 0
回答已采纳
例如
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
div {
font:12px black "Open Sans";
}
是不接受铬，使用单引号或没有引号也没有帮助。如何使用字体而不为字体家族编写额外的行？
浏览 0提问于2016-11-30得票数 0
回答已采纳
1回答
我想用em而不是px来设置字体大小。下面是我的代码：
<style type="text/css">
body{
font-size: 62.5%;
}
div{
font-size: 1.2em;
}
</style>
<body>
<div>hello world</div>
</body>
我想将div字体大小设置为12px，但它看起来比我预期的要小，我用chrome浏览器工具禁用了div样式，它看起来没有任何变化。为什么以及如何使div字体大小为12px？谢谢。
浏览 4提问于2013-04-07得票数 15
回答已采纳
2回答
字型家族在完全移除家庭后不会改变
、、、、
我在我的Nextjs项目中导入并定义了一个名为Vazirmatn的字体，现在我想从Google字体中获取它。问题是，我删除了提到字体的任何CSS，删除了字体文件，以及它的任何远程导入，但是字体族在所有页面上仍然是相同的，我检查加载到页面中的每个CSS，没有找到任何本地或远程引用字体。
下面是404页的代码(文本也是我的母语和字体)
import Image from "next/image"
export default function() {
return (
<>
<div className='w-f
浏览 6提问于2022-07-03得票数 -1
回答已采纳
2回答
我正在使用下面的脚本来增加1像素的大小，当我将它与p元素绑定时，它可以很好地工作，但如果我将它与嵌套的div一起使用，并将脚本绑定到div元素，它会将字体大小增加两到三倍
示例脚本
<script type='text/javascript'>
//Here we're using jQuery 1.4.2
jQuery(document).ready(function () {
//This is our jQuery code
//Code to increase our text by 2px
$('#increaseText&#
浏览 0提问于2013-02-05得票数 0
2回答
我想创建一个'32字符宽‘的容器，并将默认字体大小设置为1em，然后创建两个允许字体更改的其他样式，以便当使用相应的样式(C24或C42)时，每行只能有24或42个字符。字体大小设置正常，但是容器看起来比我预想的要宽。在chrome中，在文档检查器中，如果我将容器更改为'20em'，它的大小是正确的，但这不是我所期望的行为，是我的CSS有问题，还是什么？
我的css
/*setting this outer container font just in case*/
div.outer
{
font-size: 1em;
font-family :
浏览 2提问于2013-06-07得票数 0
回答已采纳
我有一个覆盖CSS，样式标记如下，
#MainContent * {
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
font-size: small !important;
}
<div id="MainContent">
<div id="head
浏览 6提问于2017-09-21得票数 1
回答已采纳
2回答
我有一个带有css文件引用的HTML页面。
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="https://fonts.googleapis.com/css?family=Limelight|Flamenco|Federo|Y
浏览 5提问于2014-06-04得票数 1
回答已采纳
1回答
我正在向我的网站添加bootstrap，我注意到，当我使用窄分辨率(窗口大小)时，我的标题会重叠。如果我的头很小，就像通常的H1大小一样，没有问题。但是当使用大尺寸(检查下面的CSS )时，图像中举例说明的问题就会发生。
我该怎么解决它呢？有没有像垂直间距之类的属性？我是css的新手。一种可能的解决方法是使用。
CSS代码：
.nevis-font {font-family: 'Nevis', Tahoma, sans-serif;}
.ultra-head {font-size: 7.8em;}
HTML代码：
<div class="row-fluid"
浏览 0提问于2013-05-11得票数 0
回答已采纳
7回答
在我的网站上，用户必须在我使用的文本框中输入标记。问题是:它使用图标字体，我的网站也是如此。两种方法都使用相同的类来定义字体，但不是同时使用相同的图标。问题很简单:是否有方法为特定的div定义editor.css？
就像这样：
<div css="editor.css"></div>
浏览 4提问于2014-01-02得票数 0
回答已采纳
基本上，我需要在没有指定字体的地方调整字体类型。我该怎么做呢？table、div、span、p、input，应有尽有。有没有一种方法，我可以用一个CSS规则，我可以添加所有这些？
浏览 3提问于2010-08-12得票数 8
回答已采纳
3回答
jQuery Mobile1.1.1改变了按钮的形成方式。以前，我可以像这样设置按钮的字体大小：
<div id="Button1" data-role='button' data-inline=true data-theme=c
data-icon=false data-iconpos=none style="font-size:12px;">Button</div>
字体大小属性在1.1.1中被忽略。它使用默认字体大小(16px?)绘制。我可以通过添加下面这行代码来更改字体大小：
$('#Button1&#
浏览 1提问于2012-07-26得票数 2
回答已采纳
2回答
可以对哪些css属性进行动画处理？我猜，content属性似乎是不能被动画化的其中之一。
有没有其他方法可以在没有javaScript的情况下做我想做的事情？内容是真正的字体图标，我试图有一个很好的gif动画(但与图标字体)。
<div></div>
div:after {
position: absolute;
top: 0;
left: 0;
animation: test 1s infinite;
content: "foo"
}
@keyframes test {
0%, 100% {
content:
浏览 2提问于2015-04-16得票数 0
我注意到有些unicode字符比普通文本要高。
例如对角箭头(东北箭头↗，东南箭头↘，.)，它们在字母顶部要求比普通文本更大的空间。
<body style="font-size:48px;">
<div style="border:1px solid #00ff00;float:left;">
1-<br>2-<br>3-<br>4-<br>5-<br>6-<br>7-<br>8-<br>9-
</div
浏览 2提问于2014-04-25得票数 7
回答已采纳
我有一份很简单的文件：
<html>
<body>
<style type="text/css">
div.main {
font-size: smaller;
}
</style>
<div class="main">
Lorem ipsum dolor sit amet<br/>
<span>Lorem ipsum dolor sit amet</span>
<div>Lorem ips
浏览 2提问于2019-04-04得票数 0
2回答
这是一个css-noob问题，但我不明白:为什么下面的代码没有显示外层div的填充呢？
<html>
<style>
div {
border: 1px solid red;
padding:10em 30em 10em 30em;
font-size:0px;
}
a {
font-size:1rem;
}
</style>
<body>
<di
浏览 7提问于2014-09-05得票数 1
回答已采纳
在网站源代码中，我有时会看到开发人员使用rem单元。它类似于em吗？我试着看看它到底做了什么，但它是相对于什么的呢？
HTML
<div>Hello <p>World</p></div>
CSS
div {
font-size: 1.4rem;
}
div p {
font-size: 1.4rem;
}
浏览 1提问于2012-12-19得票数 115
回答已采纳
2回答
字体roboto不工作
、、、
我正在尝试添加roboto-regular和roboto-light，但它似乎不起作用，我现在不知道怎么做，所以我请求指导……
这是指向我的代码的链接
HTML：
<!doctype html>
<html ng-app="MyApp">
<head>
<link rel="stylesheet" href="noteBack.css">
<link href='http://fonts.googleapis.com/c
浏览 3提问于2015-05-25得票数 2
回答已采纳
3回答
在我正在建造的一个设计中，我的空白有一个奇怪的问题。
我创建了一个包含表决元素的<div> --它包含一个向上投票按钮、一个向下投票按钮和一个投票总数，每个按钮都在自己的<div>元素中，并使用<img>作为按钮。
来源：
<div class="votebox">
<div class="vote"><img src="upvote.png" /></div>
<div class="votetotal">15</div
浏览 7提问于2010-10-28得票数 11
回答已采纳
我为我想要创建的应用程序制作了一个用户界面。photoshopped图像的背景宽度为640 app，我使用24 app字体输入了应用程序名。应用程序名占用了大约1/3的背景宽度。
然后我创建了一个html页面
<div id=header'>
<div id='logo'>
<h1>appName</h1>
</div>
</div>
这是我的CSS：
#header {
width: 640px;
background-color: red;
}
浏览 1提问于2014-04-05得票数 0
回答已采纳
2回答
我想加载6个字体，所以我下载这些字体并在我的css文件中实现它们。
@font-face {
font-family: "TTNorms";
src: local('TT Norms Pro Regular'), url("../fonts/Copytext/TT\ Norms\ Pro\ Regular.otf") format("opentype");
}
加载css后，将不同的字体设置为不同的区域，如下所示
<div class="col" style="font-family
浏览 5提问于2020-05-09得票数 0
回答已采纳
我是新的html，css和我打算做一个小页面，以了解css的测量单位。我有一个字体大小为30 of的容器类，所以我认为这个容器类父类中的所有内容都会有30 of的字体大小，除非您在这个容器类父类中为特定的子类指定另一个字体大小。在这里，标签的高度为51.2。我以为是集装箱类的30便士。我想我遗漏了一些东西，或者对测量方法不太清楚。任何帮助都将不胜感激。泰。
#html语法
<body>
<section id="hero">
<div class="hero container">
<div>
浏览 9提问于2022-05-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
