font的简写CSS很多元素都有简写,font要特别和严格一些,font-size和font-family是必须的,而且要按照这个顺序。因为font用到的地方比较多,所以他可能特别提到。简写能有效减小你的CSS文件的体积。class属性叠加其实在class中可以同时加入多个属性,属性用空格隔开。例如:<p class="text side">...</p>这样<p>就继承了.text和.side的有效属性(冲突的地方会自动被排斥)。随便提一下kubrick主题中也有一个地方使用了这个方法。该文章回复的用户提到IE在处理多属性时可能存在问题。border的缺省值当你使用border简写时没有指定border-width和border-color时,border是有缺省值的,宽度为medium(大概3到4个象素),颜色为框内文本的颜色。!important不理会IE在CSS规则中,!important会使该规则额外优先,而IE却听不懂这条规则,那么在某些时候这个技巧会非常有用。图片移魂你先看看原文的叙述,我谈谈我的经历。哈哈,我最早在zeldman的Blog上发现了这个技巧,注意他的导航条,鼠标悬停时空心字图片会变为实心,而实际上这是一张图片。呵呵,你再去分析一下他的CSS就知道了。盒模式的另类hack法IE6以前的版本都有对盒模式的错误理解。以前都是看用CSS的声音属性来处理IE6以下版本的效果,这次你可以看看另外一种方法,看上去更简单方便。块元素居中我们一般都使用指定块宽度再把左右margin设置为auto来居中。殊不知有时会在IE6之前的版本出现问题。去看看解决技巧,有CSS示例。垂直居中CSS对垂直居中比较弱,没有表格那么灵活。而且vertical-align这个属性你就是用了也是不起作用的。方法就在于用行高来解决,把行高设置为整个box的高度。子容器的定位CSS的奇妙除了可以让对象随处定位外,还可以让子容器也做得到。这个用处也很多。比如Binary Bonsai的导航条。控制屏幕底部的背景色这个请看原文的详细讲解了。
你未必知道的10个CSS技巧
来源:互联网 发布日期:2016-03-25 16:36:57 浏览:1870次
相关内容
AiLab云推荐
最新资讯
- 纳米缝合让复合材料更轻更坚韧
- Meta全新自研AI芯片曝光:性能相比MTIA v1提升了3倍!
- M4芯片将专注于AI!苹果据称拟全面升级Mac产品线,股价涨超4%
- 英特尔甩出全新AI训练芯片!跑千亿大模型速度超H200,罕见披露AI浮点性能
- 英特尔突袭英伟达H100,新AI芯片训练快40%,推理快50%,CEO蹦迪庆祝
- 对话东方晶源:打造中国芯片制造的GoldenFlow
- 一颗改变了世界的芯片
- 英特尔展示多模块芯片,预计为 Gaudi 3 人工智能加速器
- 台地震影响全球半导体格局?分析称可能会让供应链多元化呼声更强烈
- 三星 Exynos 2500 芯片再爆料:加码NPU芯片,构建更丰富 AI 体验
本月热点
热门排行
-
ChatGPT 设计了一款芯片
阅读量:196167
-
2023年全球风投额创5年最低,机构:今年会有更多创业公司倒闭
阅读量:195319
-
计算效率提升超60倍!中国公司杉数科技用GPU芯片开启运筹学新的“大航海时代”|钛媒体焦点
阅读量:191924
-
2023,AI创业者的50条反思
阅读量:102946
-
专访清华大学脑机接口科研团队负责人:中美“脑机接口”下一突破是什么?
阅读量:63437
-
2024,AI芯片之争加剧
阅读量:24135