首页 > 教程 > 关键词  > CSS缩写最新资讯  > 正文

常用CSS缩写语法总结

2007-03-22 14:54 · 稿源:w3cn.org

  使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:

  颜色

  16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;

  盒尺寸

  通常有下面四种书写方法:

  property:value1; 表示所有边都是一个值value1;

  property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

  property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3

  property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

  方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下:

  margin:1em 0 2em 0.5em;

  边框(border)

  边框的属性如下:

  border-width:1px;
  border-style:solid;
  border-color:#000;

  可以缩写为一句:border:1px solid #000;

  语法是border:width style color;

  背景(Backgrounds)
 
  背景的属性如下:

  background-color:#f00;

  background-image:url(background.gif);

  background-repeat:no-repeat;

  background-attachment:fixed;

  background-position:0 0;

  可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0;

  语法是background:color image repeat attachment position;

  你可以省略其中一个或多个属性值,如果省略,该属性值将用浏览器默认值,默认值为:

  color: transparent

  image: none

  repeat: repeat

  attachment: scroll

  position: 0% 0%

  字体(fonts)

  字体的属性如下:

  font-style:italic;

  font-variant:small-caps;

  font-weight:bold;

  font-size:1em;

  line-height:140%;

  font-family:"Lucida Grande",sans-serif;

  可以缩写为一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

  注意,如果你缩写字体定义,至少要定义font-size和font-family两个值。

  列表(lists)

  取消默认的圆点和序号可以这样写list-style:none;,

  list的属性如下:

  list-style-type:square;

  list-style-position:inside;

  list-style-image:url(image.gif);

  可以缩写为一句:list-style:square inside url(image.gif);

举报

  • 相关推荐
  • Technics推出EAH-AZ100真无线耳机香槟金版 纪念品牌60周年

    Technics为庆祝品牌成立60周年,推出旗舰真无线耳机EAH-AZ100香槟金新色。该耳机采用全新开发的磁性流体驱动单元,带来高解析度、低失真的音质表现,支持Dolby Atmos空间音效和自适应降噪技术。新增Voice Focus AI通话增强功能,通过AI算法提升通话质量。配备五种尺寸耳塞,优化佩戴舒适度。续航达10小时,搭配充电盒可达28小时。支持三设备多点连接和LE Audio标准。沿袭品牌标志性设计,提供银、黑、香槟金三色可选。

  • Ceph存储效能飙升20%+!忆联PCIe5.0 ESSD智能多流技术攻克“隐形损耗”

    本文介绍了忆联Ceph分布式存储方案的技术优势。该方案基于PCIe5.0 ESSD,数据吞吐效率达上一代2倍;采用智能多流技术,性能优于主流竞品3.15%;有效抑制写放大效应(WAF),优于竞品20%-32%,可延长SSD寿命20%以上。方案通过硬件层面的创新突破,为云原生环境提供兼具超低延迟与超高一致性的存储基础设施,满足企业级客户对存储系统全生命周期稳定性的严苛需求。测试数据显示,在3副本配置下,QD32时随机读IOPS达175.5万,延迟稳定在1.1毫秒内;混合读写IOPS超50万,延迟约20毫秒。智能多流技术实现1.78超低WAF值,显著提升存储效能,是构建新一代分布式存储系统的理想选择。

  • 让BOSS下场做“开箱”,知乎如何让测评走出“好评怪圈”

    几乎没人能抵挡住“科技改变生活”的“真香定律”。 深耕自行车行业6年,Cargo bike工作室主理人程小虎曾只对自行车“豪掷千金”,对其他电子产品“一毛不拔”。在他看来,“有限资源集中在真正的爱好上,无可厚非”。 今年618期间,他受邀参与知乎“BOSS开箱”,对于大疆DJI Flip航拍机进行测评。在此期间,作为无人机小白的他摸索着拍摄了多段新车展示视频

  • 九章云极发布九章智算云Alaya NeW Cloud 2.0, 开创Serverless+RL技术趋势

    九章云极DataCanvas发布新一代全栈智能计算云平台Alaya NeW Cloud 2.0,突破"秒级生成百万token级"性能瓶颈,采用Serverless架构与强化学习技术深度融合,支持万卡级异构算力统一调度。平台创新性地提供高度融合的智能计算基础设施与低门槛工具链,实现端到端性能提升5倍,综合成本下降60%。同步推出全球首个强化学习计算服务AgentiCTRL,将大模型训练效率提升500%。该平台通过"按量计费"创新模式降低用户总拥有成本达60%,并构建覆盖全球的算力供给网络,推动AI普惠化发展。

  • 微信重大更新!聊天记录终于有救了:支持备份U盘、SSD

    ​今日,腾讯通过“微信公众号”发文,详细介绍了微信在聊天记录备份方面迎来的重大更新优化,这一消息迅速引发了广大用户的关注,尤其是那些长期受手机存储空间不足困扰的用户。 早在今年 6 月,微信iOS端就率先上线了全新的聊天记录备份功能,这一功能允许用户将手机里的聊天记录备份至外部存储设备,像U盘、SSD以及电脑等,从而有效释放手机空间。操作起来十�

  • 与时光和解的保养之道,Swisse NAD+科学焕活细胞力

    文章探讨了肌肤衰老与NAD+水平下降的关系。随着年龄增长,人体NAD+含量自然减少,导致细胞修复能力下降,表现为皮肤松弛、细纹增多。Swisse NAD+细胞焕活瓶创新性地采用烟酰胺核糖(NR)作为前体物质,能高效转化为NAD+。实验证明,连续使用两周可使体内NAD+水平提升22%,28天后胶原蛋白生成量增加35.9%。产品还科学配比维生素C、E等抗氧化剂,构建多维度肌肤防御体系:维生素C促进胶原合成,维生素E中和自由基。这种内外协同的作用模式不仅能改善氧化损伤,更能促进肌肤微循环,呈现由内而外的健康光泽。文章指出,真正的年轻态是细胞活力与岁月沉淀的完美平衡。

  • 伊顿 Bussmann 西安熔断器制造中心专注电路保护,助力能源转型

    库柏西安熔断器有限公司是伊顿Bussmann在亚太地区的主要熔断器研发制造中心之一,专注于生产Bussmann系列高压/低压/快速/智能熔断器及周边产品。产品广泛应用于能源转换、电力传输、轨道交通、数据中心、新能源汽车等领域,获得国内外客户广泛认可。公司拥有自动化生产线和数字化管理体系,生产近万种符合国际标准的熔断保护产品。作为伊顿全球六大研发中心之一,西安研发中心在铜银复合熔体、新型EV熔断器等领域取得技术突破,并依托"全球平台+本地智造"模式显著提升研发效率。公司连续六年获评"伊顿世界级工厂"称号,积极践行绿色制造理念,通过部署光储一体化能源管理系统降低碳排放,入选国家工信部绿色制造名单。伊顿公司作为百年企业,2024年全球销售额将达250亿美元,业务遍及160多个国家。在中国,伊顿拥有约8,000名员工和19个生产基地,持续推动能源转型与可持续发展。

  • 致态荣膺京东618大促SSD品类交易总额、总销量“双冠王”!

    京东618大促期间,致态SSD斩获GMV及销量双冠,明星产品TiPlus7100和TiPro9000《黑神话:悟空》联名版表现亮眼。TiPlus7100采用Xtacking®3.0架构,实现7000MB/s读取速度,兼顾高性能与低功耗;TiPro9000联名款融合东方美学与尖端科技,14000MB/s满血性能搭配国风设计。两款产品分别获得"SSD销量冠军"和"最受欢迎新品"称号,印证了致态在技术创新和用户体验上的深耕。未来品牌将持续发力存储领域,为消费者提供更优质解决方案。

  • 微软嘲讽苹果新 Liquid Glass 设计:“这不是 Windows Vista 吗?”

    苹果是不是“抄了” Vista,或许只能说一句:时代是个圈,UI 也是。

  • CAD下载安装教程免费(2025全新CAD下载安装教程)CAD教程,CAD软件安装包,CAD安装教程,CAD软件免费下载

    本文提供AutoCAD 2025免费安装教程,包含详细步骤和注意事项。主要内容包括:1. 硬件要求(64位Win10/11系统、3GHz以上CPU、8G内存、10GB硬盘空间);2. 安装前准备(关闭杀毒软件、断开网络);3. 安装步骤(解压安装包、管理员身份运行Setup.exe、自定义安装路径);4. 激活方法(复制破解文件到安装目录);5. 新版本特色功能(AI智能推荐、云协作等)。文末附常见问题解答和用户实测反馈,帮助10分钟内完成专业CAD软件安装。