HTML5-7(CSS常见的属性)

CSS的属性有很多,总体来说有2种:不可变属性可变属性

一.可继承属性

  • 父标签的属性值会传递给子类标签
  • 一般是文字控制属性
可继承属性

二.不可继承属性

  • 父标签的属性值不能传递给子类标签(可以说是父类标签私有的)
  • 一般是区块控制属性
不可继承属性

三.所有标签可继承(加粗的表示常用)

  • 1.隐藏标签 visibility
    visibility: hidden;仅仅隐藏内容,不隐藏尺寸
    display: none;全部隐藏(包括尺寸)

    • 介绍一个标签隐藏


      隐藏的展示
    • visibility更多的属性


      visibility
  • 2.改变光标的属性 cursor

改变光标的属性 cursor

更多的

四.内联标签可继承(加粗的人常用)

letter-spacing , word-spacing , white-space , line-height , color , font , font-family , font-size , font-style , font-variant , font-weight , text-decoration , text-transform , direction

内联标签可继承

讲解一下去除下划线text-decoration (一般用于p标签)

去除下划线text-decoration

五.块级标签可继承

text-indent(首行缩进) ,text-align (居中或者其他位置)

块级标签可继承

六.列表标签可继承

** list-style** , list-style-type, list-style-position, list-style-image

七.不可继承属性

不可继承属性

下面展示一下
1.background

background

2.overfllow

overfllow

如果不设置overfllow会超出范围,如下

如果不设置overfllow会超出范围
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 一,HTML有N多标签,根据显示的类型,主要可以分为3大类 1,块级标签 独占一行的标签 能随时设置宽度和高度(比...
    张不二01阅读 757评论 0 4
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,055评论 1 4
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,101评论 0 1
  • 前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的...
    珍此良辰阅读 1,938评论 2 15