css培训笔记

css讲解：
1.css的用处作用：
CSS指的是层叠样式表，一种用来表现HTML或XML等文件样式的计算机语言，是可以做到网页和内容进行分离的样式语言。
作用是：可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制；使页面的字体变得更漂亮，更容易编排。
CSS主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

2.css中的样式表按位置分为三种,css的引入方式
行内/内嵌样式表（书写方便，适合单独行修改） 优先级最高！
内部样式表（把样式写在style标签里，结构和样式部分分离）可以控制整个页面元素样式
外部样式表（完全结构和样式分离，需要引入）
内部和外部优先级采取就近原则，即源码的次序

3.选择器
选择器是用于指定css样式的HTML标签，花括号内是该对象设置的具体样式
选择器 ：基础选择器和复合选择器
基础选择题：标签选择器、类选择器、id选择器和通配符选择器
1、标签选择器：选择页面中同类型标签统一设置，不能差异化设置。
2、类选择器：可以单独选择一个或几个标签。(其中的名字最好不要用汉字表示，用字母)
格式：.名字 {
        color:red;
}
在标签里<li class="名字"></li>
可以多次使用
3、id选择器
格式：#名字{
     属性
}
在标签里<li id="名字"></li>
样式通过#来定义，结构id来调用
id只能使用一次，其他不能再使用它
4、通配符选择器
选取页面中所有元素
把html body p div 各种标签内部样式全部改变
格式：*{
   属性1:属性1值;
}
字体属性总结
字号：font-size(单位是px像素,一定要跟上单位)
字体：font-family
字体粗细：font-weight(加粗是700或者bold,不加粗是normal或者400,记住数字不要跟单位)
字体样式：font-style(斜体是italic,不斜体是normal,常用normal)
字体连写：font（字体连写是有顺序的,不能随意换位置,必须包含字号和字体）
文本属性总结
文本颜色：color（英文，十六进制，rgb形式）
文本对齐：text-align（默认左对齐,可以设定文字水平对齐方式）
文本缩进：text-indent（通常缩进当前大小的两个单位）
文本修饰：text-decoration（underline下划线，none取消下划线）

行间距(控制行与行之间的距离)
由文本高度,上间距和下间距组成
行间距如果大于文本高度的话,则上下间距均分多出的部分