css基础

引入css的方式有几种

内联式

<div style="属性名：属性值">

内嵌式

<style>
	选择器{
		属性名：属性值；
	}
</style>

外链式

<link rel="stylesheet" href="css文件路径">

导入式

import "文件路径"

单行文本水平垂直居中

text-align:center;
line-height: ;

盒模型的概念

1、css盒模型本质上是一个盒子，封装周围的HTML标签，它包括：边距、边框、填充、和实际内容。
2、width=内容宽度+padding-left+padding-right+border-left+border-right；
3、height=内容高度+padding-top+padding-bottom+border-top+border-bottom；

选择器优先级如何计算

根据选择器的权值进行计算
单一选择器 如 通配符选择器（0） 标签选择器（1）类选择器（10）ID选择器（100）
复杂选择器 如 div.box (100+10=110)

哪些css属性是可继承的

1、字体系列属性

font-family：字体系列

font-weight：字体的粗细

font-size：字体的大小

font-style：字体的风格 //斜体

2、文本系列属性

text-indent：文本缩进

text-align：文本水平对齐

line-height：行高

word-spacing：单词之间的间距

letter-spacing：中文或者字母之间的间距

text-transform：控制文本大小写（就是uppercase、lowercase、capitalize这三个）

color：文本颜色

3、元素可见性：

visibility：控制元素显示隐藏

4、列表布局属性：

list-style：列表风格，包括list-style-type、list-style-image等

5、光标属性：

cursor：光标显示为何种形态

哪些css属性可以继承

字体属性：
font-size
font-weight
font-style
font-family
文本属性
text-indent 文本缩进
text-align 文本对齐方式
颜色属性：
color