您的位置：首页 > Web前端 > CSS

CSS基础知识真难啊-font

2015-11-27 15:04 633 查看

不吐不快啊！！！！

上午测试还好好的，下午再写一次准备发出来就出错了！！

传说中程序媛三大错觉：我肯定没错，刚才还好好的，一定是有人改了我代码。。

我的口头禅都快变成“刚刚还好好的”了！

事情是这样的，我在#myspan{font-size:18px;background:red}前面弄了空格，一直没注意它，结果效果弄不出来，郁闷啊

才顺手把空格删了，啊千万只草泥马奔腾而过啊。。。。。。。。

恩以后注意了，不能在全角下整出空格(⊙﹏⊙)b---我恨全角--哦了

------------------------------------------------------------------

首先，今天我才知道原来chrome浏览器在中文状态下默认最小值是12px

<html xmlns="http://www.w3.org/1999/xhtml"><head>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
.myspan{font-size:10px;}
</style>
<script type="text/javascript">
$(function(){
$("#mybtn").click(function(){
alert($(".myspan").css("font-size"));
});
});
</script>
</head>

<body>
<span class="myspan">这里显示文字</span>
<input type="button" value="aa" id="mybtn"/>
</body></html>

更改myspan的font-size，会发现，不设置的时候，弹框16px=》说明当前浏览器默认字体大小为16px

设置<=12px时，弹框12px；设置>=12px，弹框提示正常16px；=》说明chrome浏览器在中文状态下默认最小值是12px

因为把chrome浏览器调整成英文状态下是正常的px值

------------------------------------------------------------------

》》em：相对长度单位。相对于（参照物为）当前对象内，文本的字体尺寸font-size。

》》em”还可以指定到小数点后三位，比如“1.123em”

如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸

如body{font-size:15px;}某div{height:2em;font-size:10em}，所以，该div的height为300px

计算：body设置了字体尺寸15px，-->div的字体尺寸为10*15px=150px；-->div的高度为2*150px=300px

我连这个都还没看完，哎╮(╯▽╰)╭/article/1214907.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航