分类目录归档:CSS技巧

CSS技巧

CSS padding:*px 功能简介说明


摘要:
下文讲述CSS样式中 padding 样式的功能说明,如下所示:


padding功能说明:

padding 用于设置一个对象中内部元素与边框之间的距离。
padding:通常后面跟四个数值
例:

  padding:expression1 expression2 expression3 expression4;
  -------------参数说明-------------------
  expression1:用于设置内部元素与上边框间距
  expression2:用于设置内部元素与右边框间距
  expression3:用于设置内部元素与下边框间距
  expression4:用于设置内部元素与左边框间距

例1:
padding:1px 2px 3px 4px;
—代表内部元素与上边框间距1px 与下边框2px 与左边框间距3px 与右边框间距4px;
例2:
padding:2px;表示上下左右都间距为2px
例3:
padding:3px 0 2px;表示上间距3px 右不留间距 底部间距2px 左间距2px

css 样式设置对象大小写的方法分享


摘要:
下文讲述使用CSS对英文字母进行大小写设置的方法分享,如下所示:


CSS样式设置大小写的方法分享

CSS样式设置大小写采用text-transform样式进行设置

text-transform样式说明:

属性值

备注说明
none

缺省值,不进行大小写转换
capitalize

每个单词已大写字母开头,其它字母保持不变
uppercase

将文本转换为大写字母
lowercase

将文本转换为小写字母
inherit

从父对象中继承text-transform的属性值


text-transform样式举例应用:

   ---所有对象转换为小写
   .uppercase {
    text-transform:lowercase
   }
html_css_大小写样式设置

html_css_大小写样式设置