css基础（一）

css基础选择器

学习笔记from:css视频学习

选择器分类：标签选择器、类名选择器、id选择器、通配符选择器

css标签选择器div{属性值}

css类名选择器.red{属性值}使用最多

css id选择器#nav{属性值}一般和js搭配使用

id选择器口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用

可以使用多类名，把相同的属性放到一个类名中进行调用。方便修改多个类名之间用空格隔开

通配符选择器* {属性值}可把所有的标签均改变，特殊情况进行使用（例如设置页面边距等）

css字体属性

font-family设置字体样式

font-size设置字体大小 例：font-size: 16px;

标题标签不能通过标签选择器来修改字体大小，它需要单独进行设置

font-weight设置字体粗细：normal默认值也可用400代替，bold加粗可用700代替

font-style设置文本风格：使用em标签倾斜字体 使用i标签让字体变倾斜让倾斜字体变得不倾斜

复合属性：简写的方式

font：font-style font-weight font-size/line-height font-family（顺序要记住）

设置时代码可直接简写为：font:italic 700 16px ‘Microsoft yahei’

不需要设置的属性可以省略取默认值，但必须保留fong-size和font-family属性，否则font将不起作用

css文本属性

文本颜色：color：预定义英文、十六进制、rgb代码

对齐文本：text-align用于设置水平对齐方式

装饰文本：text-decoration：none（默认）、underline（下划线）、overline（上划线）、line-through（删除线）

文本缩进：text-indent让文本的第一行首行缩进多上距离（em是相对单位可缩进2em，则是缩进当前文字的两个文字大小的距离）

line-height设置行间距

css引入方式

1.行内样式表（行内式）：在HTML页面内部的style标签中

2.内部样式表（嵌入式）：在元素标签内容的style属性中设定css样式，适合修改简单样式

3.外部样式表（连接式）：单独写到一个css文件中，然后引入

tyle属性中设定css样式，适合修改简单样式

3.外部样式表（连接式）：单独写到一个css文件中，然后引入