CSS学习笔记

CSS简介：

CSS Cascading Style Sheets 层叠样式表

CSS 的主要目地：是给HTML标记添加各种各样的表现（格式、样式）。比如：文字样式、背景、文本样式、链接样式。

提示：CSS是给HTML标记加的样式；JS是给HTML标记加的行为。HTML标记是最先出现的。

服务器返回的文件：

• HTML超文本标注语言：各种HTML标记。
• CSS层叠样式表：给HTML标记加的样式。
• JavaScript脚本程序：给HTML标记加的程序。

组合选择器：

1.多元素选择器

• 描述：给多个元素加同一个样式，多个选择器之间用逗号“，”隔开
• 举例：h1,p,div,body{color:red}

2.后代元素选择器（最常用）

• 描述：给某个标签的某一个后代元素加样式。选择器之间用“空格”隔开.
• 举例：div X.title{color:red}
  

3.子元素选择器

• 描述：给某个元素的子元素加样式。
• 例如：div > h1.title{color:red}

CSS注释:/*CSS注释内容*/

HTML注释：<!--HTML注释-->

CSS尺寸属性

• width：元素宽度，一定要加px单位。
• height：元素高度

CSS字体属性

• font-size:文字大小。如：font-size:14px
• font-family:字体。如: font-family:微软雅黑
• font-style:斜体，取值：italic。如：font-style:italic
• font-weight:粗体，取值：bold。如：font-weight:bold

CSS文本属性

• color：文本颜色
• text-decoration:文本修饰线，取值：none（无）、underline（下划线）、overline（上划线）、line-through（删除线）
• text-ailgn：文本水平对齐方式，取值：left，center，right
• line-height：行高，可以用固定值，也可以用百分比。如line-height:24px; line-height:150%
• text-indent：首行缩进。如：text-indent:28px
• letter-spacing：字间距