• 关于

    字体html

    的搜索结果

问题

CSS设置字体的时候,为什么有些字体要加引号""

小旋风柴进 2019-12-01 20:21:12 1262 浏览量 回答数 1

回答

em相对父级元素来计算的。 如果html结构是:.box>.test,box字体大小为14px,test设置字体大小为2em,那么test字体大小为28px。 但是,这里响应式用的em,参考谁呢?测试下,使用火狐响应式开发工具。 html: lalala css:html{ font-size: 18px; } body{ font-size: 24px; } @media screen and (min-width: 20em){ body { height: 400px; height: 600px; color: orange; } }我以为参考的是body或者html的字体大小,但测试结果并非如此。而是默认的16px。。。也就是说,此处的min-width计算出来是20*16px。 比em更舒服的是rem,根元素html。通常根元素默认字体大小为16px,这样我们就不用管其他的继承影响了,只要针对根元素html的16px去计算即可。基于此,可以用sass函数来做。 $baseSize:16;@function px-to-rem($size){ @return $size*1rem/$baseSize;}调用: .box { font-size:px-to-rem(12); width:px-to-rem(220); }

a123456678 2019-12-02 02:23:34 0 浏览量 回答数 0

回答

1.首先说一下你写的这段代码,这段代码是有效的,代表整个页面默认字体大小为16*2,16px字体大小是初始化时网页默认的大小,你的是200%,当然也是按照2倍计算的。2.你说的html的父元素,这个可能有点问题,你想知道的应该是根元素document.documentElement的字体大小是多少对吧,我不说是多说,你自己运行一下就会一目了然window.getComputedStyle(document.documentElement,null)['fontSize']3.字体的规定可以用百分数,px,em,rem或者其他的单位,看你想做什么样的页面了,固定尺寸的就用px就够了,但是如果要做响应式rem常用一些,兼容低版本自然会有相应的办法,如sass中的计算方式,或者通过js来改变根元素的大小。em相对于父元素来决定,而rem是根据html的字体大小来决定的。

杨冬芳 2019-12-02 02:32:30 0 浏览量 回答数 0

阿里云试用中心,为您提供0门槛上云实践机会!

0元试用32+款产品,最高免费12个月!拨打95187-1,咨询专业上云建议!

回答

可能浏览器字体大小你重置了。 另外,浏览器默认用的字体不一样,可能会导致感觉上的大小不一致。注意:浏览器设置的字体大小规则会覆盖你html的样式设置。

杨冬芳 2019-12-02 02:31:27 0 浏览量 回答数 0

回答

可能浏览器字体大小你重置了。另外,浏览器默认用的字体不一样,可能会导致感觉上的大小不一致。注意:浏览器设置的字体大小规则会覆盖你html的样式设置。

a123456678 2019-12-02 02:25:00 0 浏览量 回答数 0

问题

请问下,html转pdf,字体加粗是这么解决的?:报错

kun坤 2020-06-14 16:57:08 0 浏览量 回答数 1

问题

ios中,webView加载html显示文字,如何更换字体?

杨冬芳 2019-12-01 20:15:01 1495 浏览量 回答数 1

回答

1.首先说一下你写的这段代码,这段代码是有效的,代表整个页面默认字体大小为16*2,16px字体大小是初始化时网页默认的大小,你的是200%,当然也是按照2倍计算的。2.你说的html的父元素,这个可能有点问题,你想知道的应该是根元素document.documentElement的字体大小是多少对吧,我不说是多说,你自己运行一下就会一目了然window.getComputedStyle(document.documentElement,null)['fontSize']3.字体的规定可以用百分数,px,em,rem或者其他的单位,看你想做什么样的页面了,固定尺寸的就用px就够了,但是如果要做响应式rem常用一些,兼容低版本自然会有相应的办法,如sass中的计算方式,或者通过js来改变根元素的大小。em相对于父元素来决定,而rem是根据html的字体大小来决定的。最后,你可以多动手写一下,这样不但加深印象,也会认识的更深刻,多去一些css,前端网站看看,如大漠大大的w3cplus和sass中国,这是一篇文章,你可以看看http://www.cn-sass.com/%E6%8A%80%E5%B7%A7/sass-px-to-rem-with-mixin-and-function.html

a123456678 2019-12-02 02:23:49 0 浏览量 回答数 0

回答

一个相对字体的单位,但是它是相对html的,比如设置html的font-size: 14px; 那么1rem = 14px。还有一个是em单位,是相对父级的字体大小计算的,注意两者的区别

1501422333975081 2019-12-02 00:57:28 0 浏览量 回答数 0

回答

css有三种方式设置,js有两种方式 css三种如下: 1、内嵌: 我是红色字体 2、内联:用stye标签写在head里面 我是红色字体 3、外联:用link标签写在head里面 我是红色字体 然后index.css里面内容是: .red {color: #f00;} js两种方法如下: 1、直接在html的body底部结束之前写: 2、在body底部外链: 然后index.js的内容是 console.log("hello world")

skycai 2019-12-02 00:57:21 0 浏览量 回答数 0

问题

设置一个已知 id 的 div 的 html 内容为 xxxx,字体颜色设置为黑色(不使用第三方框

kun坤 2019-12-01 22:05:39 3 浏览量 回答数 1

问题

为什么我写html设置同样字体大小,在360,火狐上显示字体大小不一样

a123456678 2019-12-01 19:31:37 808 浏览量 回答数 1

问题

为什么我写html设置同样字体大小,在360,火狐上显示字体大小不一样

杨冬芳 2019-12-01 19:39:23 1107 浏览量 回答数 1

回答

难道不是WebView吗?自己开发一个……有点玩大了吧……HTML也可以精确排版,配合CSS可以微调字体渲染参数,字节社他们的工作重点其实是在字体和排版,这些都可以通过WebView来展示出来,不是太麻烦。比如,这样就可以在WebView里随便塞什么东西:wv.loadData(yourData, "text/html", "UTF-8");

a123456678 2019-12-02 02:21:39 0 浏览量 回答数 0

回答

淘宝的M站是用rem的啊,字体淘宝用的是sans-serif,也就是用系统自带默认字体。大小的话,可以类似下面这样设置,其他样式就以html的样式为基本。@media only screen and (min-width: 320px){ html { font-size: 20px !important; } } @media only screen and (min-width: 640px){ html { font-size: 40px !important; } } @media only screen and (min-width: 750px){ html { font-size: 46.875px !important; } } @media only screen and (min-width: 1242px){ html { font-size: 77.625px !important; } }

a123456678 2019-12-02 02:25:32 0 浏览量 回答数 0

问题

在 Ubuntu 上安装 Chrome 浏览器:报错

kun坤 2020-06-06 00:35:06 0 浏览量 回答数 1

回答

简化的答案是span里面字体的“深度”减去所在行框的“深度” 这个高度还真的不太好计算,分不同的字体,因为不同字体的的baseline的位置不一样,同样字号的不同字体大小也不一样(标准里都没说怎么计算)。行内元素的位置根据vertical-align对齐所在的行框。所以要计算行内元素的位置就要先计算行框的高度,然后根据vertical-algn确定行内元素的位置,再根据元素的大小计算覆盖的大小。覆盖的高度理论上可以计算,可是涉及一些上述值的不同(而且未知),就显得没办法计算了。告诉你计算方法,自己想办法实现。 先看看如何计算行框(line box)的高度。display是inline,inline-block等这样的元素,他们其实也是一个“block”,也有一个高度(见后面)。为了排版这些元素,CSS规定了一个行框(line box),这个行框就是一个正常的类似div的display:block的元素,行内元素就这样从左到右“堆”在行框里面,行框的高度通过某种方式计算。 CSS2.1 是这样计算的: 1.计算所有行内元素的高度。inline-box的高度就是这个元素的margin box的高度,就是margin外边缘的高度。inline这种“block”的高度,就是line-height设置的高度,而不管其中的元素占用了多少位置。就像给block设置高度之后,即使无论其中有多少元素,block就是占用那么大的高度。 2.每个元素根据设置的vertical-align放入这个行框。其实这个与行框的高度有关,这是一个相互依赖的关系,可能有多个解,尽量使得行框的高度最小。但是这样也不能保证只有一个解,所以出现这种情况就真的看浏览器的实现了。 3.行框的高度就是最上“block”的上边缘与最下"block"下边缘的差值。 可见,对于inline的元素,其高度就是line-height设置的高度,而不管其中字体到底有多大。因此,span占用的高度就是 line-height设置的 10px;无论其中的字体是多大。于是行框的高度就是10px。那么如果字体大于10px,就会出现类似div设置了一个较小的高度,其中内容又太多,overflow:visible的效果。如下效果,hellog xxmmggg 的位置不同,是因为他们的vertical-align不同(上述第二条)。后面的block就是display:block设置了一个小的高度的结果。 再说这个 vertical-align可取的值其他值还好吧(不常用或是可计算),但是有个baseline,而且是默认值。对于字,根据字体可能位置不同。inline-table的baseline是其中第一行字的baseline,inline-block 的baseline是其中最后一行字的baseline,如果其中没有字,其baseline就是包括margin在内的这个元素的下边缘。baseline 到字体下边缘的高度叫做字的“深度”。因此,楼主的例子的话,覆盖的高度应该是span里面字体的“深度”减去所在行框的“深度”(当然还要考虑有多行的问题)。 字的“深度”取决与字体字号,行框的深度取决于其中的内容。。。。只说 CSS2.1标准,不说浏览器的兼容性。。涉及太多写不下去了,先写到这吧 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <style> span{ font-size: 50px; border: 1px solid red; line-height:10px; } .baseline { vertical-align:baseline;} .middle {vertical-align:middle;} .block {display:inline-block;height:10px;vertical-align:middle} div{ border:1px solid; } </style> </head> <body> <div>world</div> <div>world</div> <div>world</div> <div>world</div> <div>world</div> 参考位置 xxmmgg <span class="baseline">hellog</span><span class="middle">xxmmggg</span><div>world</div> <div>world</div> <div>world</div> <div>world</div> <div>world</div> <span class="block">block</span> <div>world</div> <div>world</div> <div>world</div> <div>world</div> </body> </html>

杨冬芳 2019-12-02 02:41:59 0 浏览量 回答数 0

回答

回 19楼(xinai520) 的帖子 慢的原因你找了吗?最近我的wp也很慢,后来发现是加载google字体的原因,把google字体屏蔽了,就好了,你检查一下。 http://www.sunfei.net/archives/960.html

sunfei 2019-12-02 03:23:33 0 浏览量 回答数 0

回答

首先CSS2.1 font这一章没有提及font-family的大小写问题,只提到它的值要么作为标志符出现、要么作为string出现。 Font family names must either be given quoted as strings, or unquoted as a sequence of one or more identifiers. This means most punctuation characters and digits at the start of each token must be escaped in unquoted font family names. 在CSS2.1里定义的字体匹配算法里也没有提到。 我们专门找到string格式定义的这一章: All CSS syntax is case-insensitive within the ASCII range (i.e., [a-z] and [A-Z] are equivalent), except for parts that are not under the control of CSS. For example, the case-sensitivity of values of the HTML attributes "id" and "class", of font names, and of URIs lies outside the scope of this specification. Note in particular that element names are case-insensitive in HTML, but case-sensitive in XML. 原来找了这么半天已经超出CSS的定义范围了吗。 不,其实CSS3的字体匹配算法里已经重新定义了字体匹配过程: Case sensitivity of font family names As part of the font matching algorithm outlined below, user agents must match font family names used in style rules with actual font family names contained in fonts available in a given environment or with font family names defined in @font-face rules. User agents must match these names case insensitively, using the "Default Caseless Matching" algorithm outlined in the Unicode specification [UNICODE]. This algorithm is detailed in section 3.13 entitled "Default Case Algorithms". Specifically, the algorithm must be applied without normalizing the strings involved and without applying any language-specific tailorings. The case folding method specified by this algorithm uses the case mappings with status field ‘C’ or ‘F’ in the CaseFolding.txt file of the Unicode Character Database. 所以对于现代浏览器来说,字体匹配过程是不区分大小写的。

杨冬芳 2019-12-02 02:31:53 0 浏览量 回答数 0

问题

关于移动端高清、多屏适配方案的一点困惑!

杨冬芳 2019-12-01 19:50:41 1121 浏览量 回答数 1

问题

JavaScript点击按钮切换字体颜色 判断不执行

杨冬芳 2019-12-01 20:03:38 956 浏览量 回答数 1

问题

TrueType字体分析提权漏洞和Win32k.sys提权漏洞预警

虎笑 2019-12-01 21:09:46 9583 浏览量 回答数 1

回答

因为有些css属性是可以被继承的,font-size就是其中之一。这意味着,只要在html中设置过font-size后,html内的子元素都会继承这个字体大小的设置,除非某个子元素的font-size被设置。

chenjiechenl 2019-12-02 02:37:57 0 浏览量 回答数 0

回答

那啥。我来扯蛋一下。CSS是帮助我们控制网页中的字体大小、页面宽度、页面内容靠左靠右、字体样式、某些网页里区域背景图片、背景颜色、超链接鼠标事件样式、图片居中、文字居中、网页中内容板块间隔等样式(花样)。 所以说,css只能控制人类看到什么东西和看不到什么东西。seo中所谓的隐藏链接就是把链接设置成背景颜色相同(或者隐藏),让人类的眼睛看不到。但却不能阻止搜索引擎爬虫的抓取。 关于屏蔽搜索引擎抓取:1.如果是链接,你可以用上 nofollow 属性。 signin2.如果是文字,你可以选择 把这个文章做成图片插入到页面 或者 设定一个函数,将文字转换为爬虫等机器无法识别的乱码。比如PHP中就有 antispambot 函数,可以把Email地址转换为乱码(在html模式下会是乱码)。差不多这个意思,你可以自己研究一下。

a123456678 2019-12-02 02:21:24 0 浏览量 回答数 0

问题

请教一下CSS的继承: 一个后代元素,从2个祖先元素上继承color属性,听谁的?

杨冬芳 2019-12-01 19:52:53 1022 浏览量 回答数 1

问题

行内盒的 offsetHeight 大于其 font-size

杨冬芳 2019-12-01 19:43:08 997 浏览量 回答数 1

回答

http://www.anzhimao.com/129.html 优化字体,申请个七牛缓存,前期应该没什么问题

孤城 2019-12-02 02:07:03 0 浏览量 回答数 0

问题

如何用html5写一个移动图书端阅读器:报错

kun坤 2020-06-09 23:07:46 0 浏览量 回答数 1

回答

试试在 CSS 文件开头指明编码?如:@charset "utf-8";当然,你也可以在 link 标签中指定编码。要检查编码是否正确,请在 Firebug HTML 面板的右侧查看显示的字体名是什么。

a123456678 2019-12-02 02:20:39 0 浏览量 回答数 0

问题

关于移动端 em 尺寸单位自适应的问题!

爵霸 2019-12-01 20:04:07 881 浏览量 回答数 1
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站