首页 > 教程 > 关键词 > WEB标准最新资讯 > 正文

Web标准基础教程:CSS简写指南

2010-04-02 10:33 · 稿源:前端观察

高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小,更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。

色彩缩写

色彩的缩写最简单,在色彩值用16进制的时候,如果每种颜色的值相同,就可以写成一个:

color:#113366

可以简写为

color:#136

所有用到16进制色彩值的地方都可以使用简写,比如background-color、border-color、text-shadow、 box-shadow等。

盒子大小

这里主要用于两个属性:margin和padding,我们以margin为例,padding与之相同。盒子有上下左右四个方向,每个方向都有个外边距:

margin-top:1px;
margin-right:1px;
margin-botton:1px;
margin-left:1px;

这四个值可以缩写到一起:

margin:1px 1px 1px 1px;

缩写的顺序是上->右->下->左。顺时针的方向。相对的边的值相同,则可以省掉:

margin:1px;//四个方向的边距相同,等同于margin:1px 1px 1px 1px;
margin:1px 2px;//上下边距都为1px,左右边距均为2px,等同于margin:1px 2px 1px 2px
margin:1px 2px 3px;//右边距和左边距相同,等同于margin:1px 2px 3px 2px;
margin:1px 2px 1px 3px;//注意,这里虽然上下边距都为1px,但是这里不能缩写。

网友热搜:

  • 相关推荐
  • 大家在看
  • 纸人2全部boss打法攻略 杨依兰夫人等boss打法教程

    纸人2中的boss不是特别多,但是有的boss还是需要一定的技巧才能过关的,今天就来为大家带来殷凌、殷洪​、杨依兰等boss战的打法攻略,希望对大家有所帮助。

  • 魔兽世界怀旧服安其拉神殿全boss攻略 TAQ超详细9个boss打法教程

    魔兽世界怀旧服的安其拉神殿(简称TAQ)在7月底就要正式开放了,很多玩家还不清楚安其拉神殿的9个boss怎么打,下面就来为大家分享一下魔兽世界怀旧服安其拉神殿的全boss攻略。

  • 安其拉神殿副本文字+视频开荒攻略 TAQ全boss机制技能打法教程

    魔兽世界怀旧服有非常多的服务器已经完成了安其拉开门任务了,很多公会都打算在这段时间去开荒安其拉了,这个副本的难度自然不是之前副本可比的,所以下面就来为大家介绍一下安其拉神殿副本全boss的文字加视频攻略。

  • DNF记忆印痕刀疤鼠打法攻略 忆印痕刀疤鼠boss机制处理教程

    DNF冥域时空的黑色魔物的痕迹地下城中有一个记忆印痕刀疤鼠的boss领主,很多玩家还不清楚这个boss到底要怎么打,下面就来为大家详细的介绍一下。

  • 汉堡王的“皇冠标准”不再标准 中国门店已关半数

    DoNews7月16日消息(记者 翟继茹)16日,在315晚上,国际连锁餐饮品牌汉堡王被曝光,汉堡王所谓的“皇冠标准”,开始让人质疑和唏嘘。首先,是在食材用料上,“偷工减料”成为了常态。央视记者发现在南昌红谷滩天虹汉堡王店铺内,例如红会牛肉皇堡这一品类中,经常会少西红柿、芝士、肉片等多种食材。而更为令人惊心的是,该店会将过期的食材继续使用。央视记者发现,在保存食物的仓盒外会有三种灯光,表示食品可以出售、即将出售?

  • 多标准时代终结 联合国确定:5G只有3GPP一个标准

    曾几何时,智能手机支持全网通是个很重要的功能,因为3G时代有CDMA2000、WCDMA、TD-SCDMA三个标准,4G也分为FDD、TDD两个标准,不过5G时代不一样了,联合国下属的ITU电信联盟确定3GPP标准成为唯

  • 国际电信联盟:3GPP系标准成为唯一被认可的5G标准

    【TechWeb】7月10日消息,昨日晚间,国际电信联盟(ITU)无线通信部门(ITU-R)国际移动通信工作组(WP 5D)第35次会议成功闭幕,会议确定3GPP系标准成为唯一被ITU认可的5G标准。据悉,本次会议是IMT-2020(即5G)技术评估进程的关键会议。在为期三周的会议期间,各主管部门和产业界代表,对包括3GPP 5G标准在内的7项候选技术标准进行了深入研究和分析,最终形成结论: 3GPP系的5G标准成为唯一被国际电联认可的IMT-2020国际移动通

  • 游戏未成年人监护国家标准开启制定 有望在年底前完成标准编制

    今日,腾讯游戏发文称,近日,国家标准《信息技术 网络游戏未成年人监护系统技术要求》启动会以网络会议形式召开,标志着首个针对游戏未成年人监护的国家标准正式开启制定。来自中国电子技术标准化研究院

  • 基因港引领NMN行业,树立质量标准大旗

    从基因港公司登陆电商平台以来,其所属的GeneHarbor京东旗舰店几乎拥有了一种名为“每逢活动,必得第一”的习惯。在此之前,基因港的NMN产品选择的是在线下销售,位于香港港科技园的实体店铺消费者往往不绝如缕,自转向电商之后,这种火热的消费热情更是转到了线上。由于对消费者的抗衰老热情预估不足,2019年年,基因港旗下NMN品牌艾沐茵出现了几次断货危机,不过好在加大生产力度之下,时隔不久,艾沐茵就又重新上架。 2019年在

  • 华为Mate 40贴膜曝光:标准版也是曲面屏

    7月10日消息,博主@8090生活数码曝光了Mate 40的贴膜。如图所示,双曲面暗示Mate 40的屏幕为曲屏,这是Mate系列第一次在标准版上采用双曲面屏设计。以往Mate系列均有标准版和Pro版,标准版一

  • 微软与谷歌合作,为Android设备开发更多Web应用

    微软正在与谷歌合作,通过谷歌应用商店为Android设备提供更多更好的Web应用程序。据悉,开发人员使用微软PWABuilder工具构建的应用程序将能够利用谷歌Bubblewrap实用工具和库的新特性,其中包括新的Web快捷方式标准、“更深入”的推送通知和可视化界面定制。

  • BBC蛋炒饭教程气坏亚洲网友 蛋炒饭教程视频观看地址

    【BBC蛋炒饭教程气坏亚洲网友】据媒体报道,近日马来西亚 Youtube 博主mrnigelng发布了一则吐槽BBC美食频道蛋炒饭教程的视频。新闻发出后引起了网友的热议。

  • 花呗怎么取消征信 花呗取消征信记录教程

    最近花呗正式的接入了央行征信,很多朋友想知道怎么取消这个征信记录,下面就来为大家分享一下花呗取消征信记录教程。

  • 携程租车发布“无忧租”九大标准 让你放心“租车游”

    8月6日消息,携程租车联合租车公司正式发布全新“无忧生态”战略与“无忧租”九大行业标准,明确了在租车过程中,押金、车况、退改、油量等消费者应当享受的权益。“无忧租”九大行业标准包括:免费取消、安心保障、优质车况、信用双免、洗后交车、油量保障、不限里程、在线认证、有车保障。携程数据显示,携程租车已成为各大旅游业务板块中,复苏最快的业务线,GMV超越去年同期,携程租车的增长速度跃居行业第一,今?

  • 北斗三号正式成为国际标准!牵手5G

    7月3日晚,移动通信国际标准组织3GPP在宣布5G R16标准正式冻结,而来自中国信息通信研究院的消息,中国信通院牵头联合大唐、华为、中兴、中国移动、中国联通、中国电信等共同推进的北斗三号移动

  • 填补行业空白,海信牵头制定首个洗衣机蒸烫洗标准

    契合消费者健康洗护衣物的刚性需求,蒸烫洗已经成为行业大趋势。不过,由于缺乏相关的行业标准,市面上的蒸烫洗产品良莠不齐,影响了消费者的权益。近日,海信洗衣机牵头制定了行业首个蒸烫洗团体标准,将进一步规范市场行为,推动洗衣机行业持续健康发展。“随着生活水平和公共安全卫生意识的提高,人们对洗衣机的传统功能提出了更高的要求,不仅要洗的干净,还要洗得卫生、洗得健康;不仅甩得干,还得甩得没有褶皱。可以说最理想

  • 合作共赢 文思海辉为日企AUTOBACS重构网上商城

    8 月 1 日,由Pactera Technology日本株式会社(文思海辉,以下简称"Pactera")、JSOL株式会社(以下简称"JSOL")、SAP日本株式会社(以下简称"SAP")、AB System Solution株式会社(以下简称"ABSS")为AUTOBACS7 株式会社(以下简称"AUTOBACS")共建的新的汽车用品网上商城成功上线。新的AUTOBACS网上商城可在所有接触点提供个性化购物,显著改善客户购买体验,助力AUTOBACS公司深化线上布局,构建竞争壁垒。Pactera基于丰富的实

  • 紫塞秋风莫高窟晚上禁地怎么进去 详细进入方法教程

    紫塞秋风很多玩家在做到任务莫高窟这个地方的时候,如果做了支线就不会让你进去,那么怎么才能再进去呢?下面就来为大家详细的介绍一下进入莫高窟的办法。

  • 官宣!华为主导首个软件定义摄像机国际标准诞生

    【TechWeb】7月12日消息,华为官方微信公号发文称,在国际电信联盟第十六研究组全体会议上,通过了软件定义摄像机技术要求标准的报批:F.SDC《Requirements for software-defined camera》(标准号 ITU-T F.735.1),同时通过了一项软件定义摄像机架构及接口协议标准的立项:H.SDC《Architecture and protocols for software-defined camera》。这两项国际标准均在 Q12/SG16 会议提出并开展,并在本次 ITU-T 的全体会议上得到最终

  • Jurassic World中的赚钱机会

    LandLab发布的第 1 款游戏神龙岛已经大获成功,其第 2 款游戏Jurassic World即将在 7 月 15 日正式内测,作为具有极具创新性的驯养类区块链游戏,Jurassic World必将给用户带来全新的游戏体验。游戏与区块链技术的结合能够创造大量潜在的金融红利,而且所有人都能平等地参与到利益分配中,早期用户更是可以近水楼台先得月,那Jurassic World中有哪些赚钱机会呢?JT(Jurassic Token)是Jurassic World的游戏通证,总量恒定 10 亿,

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天