css中可继承和不可继承属性

本文详细介绍了CSS中两类关键属性:无继承性的属性,如`display`、`float`、`background`等,它们不会传递给子元素;以及有继承性的属性,如`font-family`、`color`、`text-align`等,这些属性可以从父元素继承到子元素。了解这些属性的特性对于精确控制网页样式至关重要。
摘要由CSDN通过智能技术生成

一、无继承性的属性

  1. display:规定元素应该生成的框的类型
  2. 文本属性:
    ● vertical-align:垂直文本对齐
    ● text-decoration:规定添加到文本的装饰
    ● text-shadow:文本阴影效果
    ● white-space:空白符的处理
    ● unicode-bidi:设置文本的方向
  3. 盒子模型的属性:width、height、margin、border、padding
  4. 背景属性:background、background-color、background-image、background-repeat、background-position、background-attachment
  5. 定位属性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
  6. 生成内容属性:content、counter-reset、counter-increment
  7. 轮廓样式属性:outline-style、outline-width、outline-color、outline
  8. 页面样式属性:size、page-break-before、page-break-after
  9. 声音样式属性:pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

二、有继承性的属性

  1. 字体系列属性
    ● font-family:字体系列
    ● font-weight:字体的粗细
    ● font-size:字体的大小
    ● font-style:字体的风格
  2. 文本系列属性
    ● text-indent:文本缩进
    ● text-align:文本水平对齐
    ● line-height:行高
    ● word-spacing:单词之间的间距
    ● letter-spacing:中文或者字母之间的间距
    ● text-transform:控制文本大小写(就是uppercase、lowercase、capitalize这三个)
    ● color:文本颜色
  3. 元素可见性
    ● visibility:控制元素显示隐藏
  4. 列表布局属性
    ● list-style:列表风格,包括list-style-type、list-style-image等
  5. 光标属性
    ● cursor:光标显示为何种形态
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值