CSS属性

CSS属性

CSS有N多属性,根据继承性,主要可以分为2类。

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

不可继承属性
父标签的属性值不能传递给子标签
一般是区块控制属性


可继承属性(加粗表示常用)

(1)所有标签可继承

visibility (display: none;与visibility: hidden;区别:visibility会占位)
cursor 光标样式 (手指pointer 十字架crosshair)


(2)内联标签可继承

line-height(行高用于垂直居中)
color
font
font-family(字体)
font-size
font-weight(加粗)
text-decoration(a标签超链接下划线)
letter-spacing
word-spacing
white-space
font-style
font-variant
text-transform
direction


(3)块级标签可继承

text-indent(段落缩进)
text-align(对齐)


(4)列表标签可继承

list-style(列表左侧圆圈样式)
list-style-type
list-style-position
list-style-image


不可继承属性(加粗表示常用)

display、margin、border、padding、background
height、min-height、max-height、width、min-width、max-width
overflow、position、left、right、top、bottom、z-index
float、clear
table-layout、vertical-align
page-break-after、page-bread-before
unicode-bidi

CSS3新增特性

  • RGBA透明度(也可设置不透明度获得类似效果opacity)

  • 块阴影好与圆角阴影
    box-shadow、text-shadow

  • 圆角
    border-radius

  • 边框图片
    border-image

  • 形变
    transform:none |<transform-function>[<transform-function>]

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

推荐阅读更多精彩内容

  • 一,HTML有N多标签,根据显示的类型,主要可以分为3大类 1,块级标签 独占一行的标签 能随时设置宽度和高度(比...
    张不二01阅读 4,064评论 0 4
  • CSS背景 background-color:red background-image:url('paper.gi...
    专注寒冰三千岁阅读 2,642评论 0 2
  • CSS之属性逻辑结构图 该图显示了一些CSS的属性,好了,下面就一个个具体讲解; 了解CSS的盒子模型 在CSS中...
    FoolishFlyFox阅读 4,834评论 3 36
  • 引子 成文原因有二:其一,复习巩固知识、站在巨人的肩膀上,老罗讲话:“人生苦短,能一步走完的路,尽量别走三步”;其...
    只敲代码不偷桃阅读 4,306评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92