资讯专栏INFORMATION COLUMN

前端基础之--css中可被继承和不可被继承的属性

LeexMuller / 619人阅读

摘要:一无继承性的属性规定元素应该生成的框的类型文本属性垂直文本对齐规定添加到文本的装饰文本阴影效果空白符的处理设置文本的方向盒子模型的属性,,,,,,,,,,,,,,,,,,,,,,,,,背景属性

一.无继承性的属性

  1.display:规定元素应该生成的框的类型

  2.文本属性:vertical-align:垂直文本对齐

      text-decoration:规定添加到文本的装饰

      text-shadow:文本阴影效果

      white-space:空白符的处理

      unicode-bidi:设置文本的方向

  3.盒子模型的属性:width,height,margin,margin-top,margin-right,margin-bottom,margin-left,border,border-style,border-top(right,bottom,left)-style

           border-top(right,bottom,left)-width,border-top(right,bottom,left)-color,border-top,border-right,border-bottom,border-left,

           padding,padding-top,padding-right,padding-bottom,padding-left

  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,content-seset,content-increment

  7.轮廓样式属性:outline,outline-style,outline-width,outline-color

  8.页面样式属性:size,page-break-before,page-break-after

  9.声音样式属性:pause,pause-before,pause-after,cue,cue-before,cue-after,play-during

 

二.有继承性的属性

  1.字体系列属性:font:组合字体

          font-family:规定元素的字体系列

          font-weight:设置字体的粗细

          font-size:设置字体的尺寸

          font-style:设置字体的风格

          font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小

          font-stretch:对当前的font-family进行伸缩变形,所有主流浏览器都不支持

          font-size-adjust:为某个元素规定一个aspect值,这样就可以保持首选字体的x-height

  2.文本系列属性:text-indent:文本缩进

          text-align:文本水平对齐

          line-height:行高

          word-spacing:增加或减少文单词间的空白(即字间隔)

          letter-spacing:增加或减少字符间的空白(字符间距)

          text-transform:控制文本大小写

          direction:规定文本的书写方向

          color:文本颜色

  3.元素可见性:visibility

  4.表格布局属性:caption-side,border-collapse,border-spacing,empty-cells,table-layout

  5.列表布局属性:list-style,list-style-image,list-style-type,list-style-position

  6.生产内容属性:quotes

  7.光标属性:cursor

  8.页面样式属性:page,page-break-inside,Windows,orphans

  9.声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

 

三.所有元素可继承属性

  1.元素可见性:visibility

  2.光标属性:cursor

 

四.内联元素可以继承的属性

  1.字体系列属性

  2.除text-indent,text-align之外的文本系列属性

 

五.块级元素可以继承的属性

  1.text-indent,text-align

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1117.html

相关文章

  • JavaScript-面向对象、Object类型

    摘要:面向对象面向对象编程的全称为简称。面向对象编程是用抽象方式创建基于现实世界模型的一种编程方式。面向对象编程可以看做是使用一系列对象相互协作的软件设计。面向对象编程的三个主要特征是封装继承多态。 面向对象 面向对象编程的全称为Object Oriented Programming,简称OOP。面向对象编程是用抽象方式创建基于现实世界模型的一种编程方式。面向对象编程可以看做是使用一系列对象...

    amuqiao 评论0 收藏0
  • 【JavaScript】面向对象

    摘要:一面向对象概述面向对象是什么是使用一系列对象相互协作软件设计,目的是在编程中促进更好灵活性和可维护性,凭借对模块化重视,面向对象代码开发更简单,容易理解面向对象的有主要特征是封装继承多态封装封装主要用于叙述对象中所包含封装的内容,由两部分组 JS(JavaScript)一.面向对象;概述; 面向对象是什么; 是使用一系列对象相互协作软件设计,目的是在编程中促进更好灵活性和可维护性,凭借...

    gself 评论0 收藏0
  • JavaScript面向对象...Object类型...

    摘要:面向对象面向对象是什么面向对象编程简称相似的对象称为类面向对象编程的三个主要特征是封装继承多态所有的程序是由一定的属性和行为对象组成的不同的对象的访问通过函数调用来完成对象间所有的交流都是通过方法调用通过对封装对象数据提高复用率是一种基于原 面向对象 面向对象是什么 面向对象编程 简称OOP 相似的对象 称为类面向对象编程的三个主要特征是:1.封装 2.继承 3.多态所有的程序是由一定...

    keithyau 评论0 收藏0
  • JavaScript中面向对象个人分享

    摘要:面向对象面向对象的概念所谓面向对象就用抽象方式创建基于显示世界模型的一种变成模式面向对象编程可以看做是使用一系列对象互相协作的软件设计备注面向对象全称简称面向对象编程的主要三个特征是封装所谓封装就是按要求使用得到对象的结果相关数据用于存储 面向对象 面向对象的概念 所谓面向对象就用抽象方式创建基于显示世界模型的一种变成模式,面向对象编程可以看做是使用一系列对象互相协作的软件设计 备注...

    DirtyMind 评论0 收藏0
  • JavaScript学习第七天笔记(面向对象)

    摘要:面向对象概述面向对象编程的全称是简称为。面向对象编程是用抽象方式创建给予现实世界模型的一种编程模式。构造函数构造函数又被称为构造器或对象模板,是创建对象的一个方法。 面向对象 概述 面向对象编程的全称是Object Oriented Programming,简称为OOP。面向对象编程是用抽象方式创建给予现实世界模型的一种编程模式。面向对象编程可以面向对象编程的三个主要特征是:1.封装 ...

    Tychio 评论0 收藏0

发表评论

0条评论

LeexMuller

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<