css

css目的:decouple(个人理解),将html中的content和显示方式分离。貌似所有的软件都在这样做,不遗余力的decouple!

ID选择符(#xxx)和类选择符(.xxx)的区别:
1. id选择符在整个Html文档中是唯一的,而类选择符可以分配给任意数量的元素。
2. ID对给定元素应用于何种样式比类选择符具有更高的优先级。

文本处理:
  缩进和水平对齐: text-indent    p {text-indent : 0.25in;}
  文本对齐: text-align (left、right、center)
  处理空格: white-space(pre、normal)
  行高: line-height
  纵向对齐: vertical-align(baseline、sub、bottom、top)
  文字和字母间隔: word-space,letter-space

文字处理:
  字体族: font-family  可指定一系列字体,若字体名字中间有空格,需用引号括起
  字体加粗: font-weight (normal、bold、bolder、lighter、100、200…………)
  字体尺寸: font-size (small、medium、large、x-large……)
  字体: font  综合以上以及没有写出的字体属性

位置:
边界: margin 为元素加上边界 margin: 0.25in, 即为元素的上下左右加上0.25in的边界。也可以写四个值来表示上下左右

单侧边界: margin-top/right/bottom/left  单独设定单个margin

边框类型:bolder-style (dash、solid、double…………)
边框宽度:bolder-width 、bolder-top/bottom/left/right-width
边框: bolder/bolder-top/bottom/left right + 属性(width,style,color)

补白: padding, 位于元素的边界与内容区之间
单侧补白:padding-top/right/bottom/left  单独设定单个padding

浮动: float, (left、right、none)
忽略浮动: clear (left/right/both)

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s