关于CSS的常见缩写方法实例讲解

1. background 简写属性在一个声明中设置所有的背景属性:

background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position

登录后复制

 例如:

background: #444444 urlimage.png) no-repeat fixed top;

登录后复制

   2. border 简写属性在一个声明设置所有的边框属性:

border-widthborder-styleborder-color

登录后复制

 例如:

border:1px solid red;

登录后复制

   3. font 简写属性在一个声明中设置所有字体属性:

立即学习“前端免费学习笔记(深入)”;

font-stylefont-variantfont-weightfont-size/line-heightfont-family

登录后复制

   例如:

font:italic bold 12px/20px arial,sans-serif;

登录后复制

 4. list-style 简写属性在一个声明中设置所有的列表属性:

list-style-typelist-style-positionlist-style-image

登录后复制

   例如:

list-style:square inside url('/images/images.gif');

登录后复制

以上就是关于CSS的常见缩写方法实例讲解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2903402.html

(0)
上一篇 2025年3月11日 01:47:52
下一篇 2025年3月6日 09:44:34

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • CSS Keyframes动画实例教程

    在css动画中,使用transition技术是一种“隐式”的动画方法,而相对应的,还有一种“显式”的动画技术,就是,你可以在css里直接指定动画效果,这需要使用 动画frames 动画了。 演示:秋叶飘落动画 上面这个”秋叶飘落动画”的CS…

    2025年3月11日
    200
  • 分享三个CSS新特性的实例

    这是翻译的一篇文章,原文是:3 new css features to learn in 2017,翻译的不是很好,如有疑问欢迎指出。 新的一年,我们有一系列新的东西要学习。尽管CSS有很多新的特性,但有三个特性令我最激动并进行学习。 1.…

    2025年3月11日
    200
  • 用CSS实现背景图片透明而文字不透明的两种方法

    这篇文章主要介绍了css实现背景图片透明而文字不透明效果的两种方法,需要的朋友可以参考下 摘要: 方法一(毛玻璃效果):背景图 + 伪类 + flite:blur(3px) 方法二(半透明效果):背景图 + 定位 + background:…

    2025年3月11日
    200
  • css实现元素水平垂直居中常见的两种方式实例详解

    这篇文章主要给大家介绍了css实现元素水平垂直居中的两种方式,文中给出了完整的示例代码供大家参考学习,对大家的学习或者工作具有一定的参考价值,有需要的朋友们下面来一起看看吧。 一、父元素的flex布局实现元素的水平垂直居中 示例代码如下: …

    2025年3月11日
    200
  • CSS实现Tab布局实例展示

    下面小编就为大家带来一篇css实现tab布局的简单实例(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 一、布局方式 1、内容与tab分离   立即学习“前端免费学习笔记(深入)”;         内…

    2025年3月11日
    200
  • CSS中Fonts属性的实例详解

    font-weight: normal; serif和sans-serif字体之间的区别   在计算机屏幕上,sans-serif字体被认为是比serif字体容易阅读 CSS字型 在CSS中,有两种类型的字体系列名称: 通用字体系列 &#8…

    2025年3月11日
    200
  • CSS 列表样式的实例讲解

    margin: 0px; CSS 列表 css列表css列表作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 列表 在HTML中,有两种类型的列表: 立即学习“前端免费学习笔记(深入)”; 无…

    编程技术 2025年3月11日
    200
  • 对CSS中Table的相关介绍

    表格边框 指定css表格边框,使用border属性。 下面的例子指定了一个表格的Th和TD元素的黑色边框: 实例 table, th, td{border: 1px solid black;} 登录后复制 请注意,在上面的例子中的表格有双边…

    编程技术 2025年3月11日
    200
  • 对CSS 框模型的介绍以及实例教程

    margin: 20px 0px; CSS 框模型(Box Model) 所有html元素可以看作盒子,在css中,”box model”这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HT…

    2025年3月11日
    200
  • 介绍CSS外边距是如何使用的

    css margin(margin)margin定义元素周围的空间。 Margin margin清除周围的元素(外边框)的区域。margin没有背景颜色,是完全透明的 margin可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属…

    编程技术 2025年3月11日
    200

发表回复

登录后才能评论