css第一周学习总结

标签选择器

是指用html名称作为标签
语法

 标签名{
                 属性1：属性值1；
                 属性2：属性值2；
                 属性3：属性值3；
                 ...
                 }

类选择器

可以单独选一个或几个标签
语法
.类名 {
属性1：属性值1；
…
}
结构需要class属性来调用class类的意思
类选择器——多类名
多类名的使用方法

<div class="red font12>red</div>

多个类名中间用空格分开

id选择器

html元素以id属性来设置id选择器，css中的id选择器以“#”来定义
语法

#id名{
属性1：属性值1；
...
}

例如将id的内容设置成红色

#nav {
color：red；
}

id选择器只能调用一次

通配符选择器

通配符选择器用“*”定义，表示选取页面所有元素（标签）
语法

* {
  属性1： 属性值1；
  ...
  }

通配符选择器不需要调用，自动就给所有元素使用样式

-font标签

font-family 设置字体
font-size 设置字号 单位：px
font-weight 设置字体粗细 后面不跟单位
加粗： 700或bold
不加粗：400或normal
font-style 设置字体样式
常见有 italic（倾斜），normal（正常）
*-font字体复合属性
格式

body {
font: font-style font-weight font-size/line-height font-family
}

-font复合属性有顺序，
字号，字体必须出现
例如

body {
font: normal 400 12px 'Microsoft YaHei'；
}

文本颜色 -color

格式

div {
color：red；
}

或者

div {
color：#ff0000；
}

或者

div {
color：rgb（255，0，0）

或者

div{
color：rgb（100%，0，0）

-text标签

text-align 文本对齐
属性值有center，left，right
text-decoration 文本装饰
属性值有none， underline ，overline ，line-through
text-indent 文本缩进
单位 px，em
em是一个相对大小，1em表示当前元素1个文字的大小
属性值可正可负
正向右移 负数向左移

行间距

line-height 行高：控制文字行与行之间的距离。子大小不变，控制上，小间距的距离。
例如

p {
line-height:29px;
}

内部样式表

内部样式表是写到html页面内部，将所有css代码抽取出来，单独放到一个

<style>
  div {
  color: green;
  font-weight: 400;
  ...
  }
  </style>