CSS常用缩写

最新推荐文章于 2021-02-22 15:24:24 发布

原创最新推荐文章于 2021-02-22 15:24:24 发布 · 565 阅读

0 ·

CC 4.0 BY-SA版权

HTML+CSS 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了 CSS 中常用属性的简写形式，包括字体、背景、边距和边框等属性的组合使用方法。通过这些组合可以更高效地进行样式设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注：“ | ”是为了方便看才写上来的，真正写代码的时候没有

font

background

background:background-color | background-image | background-repeat | background-attachment | background-position

margin（padding同理）

margin:margin-top | margin-right | margin-bottom | margin-left

注：当只使用两个参数时，第一个参数为上下边距，第二个参数为左右边距。

当使用三个参数时，第一个参数表示上边距，第二个参数表示左右边距，第三个参数表示下边距。

border

border:border-width | border-style | color

注：四个边可用此方式分别设置。

border同时还提供border-style，border-width和border-color的缩写，参数的顺序同margin。

list

list-style:list-style-type | list-style-position | list-style-image

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JenniferMuMu

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

css 常用公共样式样式总结（持续更新）

09-27

本文将深入探讨“css常用公共样式”的总结，包括`flex布局`、`简写`技巧、`遮罩层`实现以及`滚动条透明`与`动画`的应用。这些都是现代Web开发不可或缺的部分。首先，让我们来谈谈`flex布局`。Flex布局，全称为 ...

CSS常用属性缩写实例

09-27

为了提高工作效率，保持代码的整洁和可读性，CSS代码的缩写是必不可少的技巧。本篇将详细介绍一些常见的CSS属性缩写实例，帮助你优化代码。 1. **Margin**： - `margin` 属性用于设置元素的外边距。当你需要为一个...

参与评论您还未登录，请先登录后发表或查看评论

常用CSS缩写语法总结

04-12

1027

常用CSS缩写语法总结作者：阿捷 2005-4-8 15:28:00使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1； property:va

【css】css缩写

z767327552的专栏

05-04

567

css缩写参考文档https://developer.mozilla.org/zh-CN/docs/Web/CSS/Shorthand_properties css缩写能缩减大量的代码，使代码便于阅读、理解。 1.background background:#F00 url(header_bg.gif) no-repeat fixed left top;...

CSS缩写大全

weixin_33721344的博客

06-13

455

为什么80%的码农都做不了架构师？>>> ...

css 类名大全

literarygirl的博客

08-29

9652

做前端最纠结的就是css命名，写个标签想名字就要像个一分钟，so 从晚上copy了一些规范的命名。相对网页外层重要部分CSS样式命名：外套 wrap ------------------用于最外层头部 header ----------------用于头部主要内容 main ------------用于主体内容（中部）左侧 main-left -------------左侧布局右侧 ...

CSS缩写

MPFLY的博客

10-25

400

border/*缩写前*/ element{ border-top-width:1px; border-top-style:solid; border-top-color:#cccccc; } element{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-rig

CSS常用缩写语法精要汇总

本文档主要介绍了CSS（Cascading Style Sheets）中的常用缩写语法，这对于初学者理解和掌握CSS编程技巧非常有帮助。CSS缩写允许开发者在一个语句中同时定义多个CSS属性及其值，提高了代码的简洁性和可读性。以下是...

全面掌握CSS常用缩写语法技巧

以下是对"常用CSS缩写语法总结"文档内容的详细解读。首先，CSS缩写语法的目的是为了简化代码，减少重复性的工作。常见的CSS属性包括边框、外边距、内边距、背景、列表样式、边距等，它们都有对应的缩写形式。 1. ...

CSS代码缩写

加油吧，少年！

03-12

416

盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、...

CSS常见缩写

编码集 CodeSet

09-11

591

常见的css简写【font】简写： font:italic small-caps bold 12px/1.5em arial,verdana; 等效于： font-style:italic; font-variant:small-caps; font-weight:bold; font-siz

CSS缩写语法和规则总结

志诚自制－2011,时间管理、效率为王

07-27

274

[color=red]　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：[/color] 　　[b]颜色[/b] 　　16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：　　#000000可以缩写为#000;#336699可以缩写为#369; 　　[b]盒尺寸[/b] 　　通常有下面四种书写方法: 　　property:value...

css 缩写样式

weixin_30889885的博客

08-07

205

缩写总结1.background :background-color background-image background-repeat background-attachment background-position 颜色图片重复(norepeat/repeate-x/repeate-y/repeate) 固定(scroll/fixed/inherit) 位置（top/...

CSS常用简写样式

qq_37916164的博客

02-22

946

1：文本 1)：文字简写 // 倾斜粗细字号/行高字体 font: italic bold 1em/1.5 'Courier New', Courier, monospace; 2：盒子模型 1)：内外外边距 padding/margin一个值：上下左右 padding/margin两个值：上下左右 padding/margin三个值：上左右下 padding/margin四个值：上下左右 2)：边框轮廓线简写 //线条样式粗细颜色 border..

Css常用名字参考

weixin_30352191的博客

05-17

428

在XHTML中定义ID时都用得上，主要是方便CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。　　(1)页面结构类　　容器: container 　　页头：header 　　内容：content/container 　　页面主体：main 　　页尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　(2...

CSS3--transition简写

AsaZyf的博客

11-07

2742

code： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } div

css 的一些简写规则

weixin_34358365的博客

08-03

138

2019独角兽企业重金招聘Python工程师标准>>> ...

CSS的十八般技巧

04-12

1178

CSS的十八般技巧作者：翻译：阿捷 2005-4-10 22:03:25原文作者：Roger Johansson 作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名原文出处：www.456bereastreet.com 原文发表时间：2005年3月15日阿捷说明：此文原名"CSS tips and tr